Dynamic Css Media Query

Question

@media (min-width: THIS-VALUE) {
.CLASS {
    Width: QUERY-WIDTH;
}

Is this Possible?
Please explain with example.
Thanks

If there is any other possible value then please let me know. — Wajahat Qasim
– Wajahat Qasim, Commented Apr 29, 2015 at 9:03

filype · Accepted Answer · 2015-04-29 09:06:17Z

1

This is probably an example of a css pre-processor. You can set variables in less that can be re-used throughout your css.

Less is a CSS pre-processor, meaning that it extends the CSS language, adding features that allow variables, mixins, functions and many other techniques that allow you to make CSS that is more maintainable, themable and extendable.

Check out a couple of options:

http://lesscss.org/

edited Apr 29, 2015 at 9:06

answered Apr 29, 2015 at 9:04

filype

8,47010 gold badges46 silver badges70 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Wajahat Qasim Over a year ago

Is it possible in CSS?

filype Over a year ago

not that I know of, (although this is possibly coming) you can make use of these features when you write in the less syntax then compile it to css.

Wajahat Qasim Over a year ago

I know the less but i was just asking about css. So i will try in less. Thanks

Deep Jani · Accepted Answer · 2015-04-29 09:33:46Z

0

It's not possible is CSS. you can use that in css pre-processors like Less, sass, SCSS, Stylus Etc.

in that case you can use % to set full size width.

answered Apr 29, 2015 at 9:33

Deep Jani

12 bronze badges

Collectives™ on Stack Overflow

Dynamic Css Media Query

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related