Accessing the screen width and height in CSS Media Queries?

Question

Is it possible to access the screen's width and height in CSS Media queries, to write a dynamic url, like this:

@media all
{
    background: url("http://site.com/background/" + width + "/" + height");
}

Here width and height are variables, which would be dynamically set to whatever the user's width and height is.

Is that possible, or do I have to use javascript to accomplish this?

zenkaty · Accepted Answer · 2012-09-03 04:32:25Z

1

Not possible. CSS does not know anything about the environment.

answered Sep 3, 2012 at 4:32

zenkaty

1,5489 silver badges11 bronze badges

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

1 Comment

zenkaty Over a year ago

As an aside, you might like to look into a CSS framework like SASS - while it still doesn't know the window size, it does allow you to set variables and use them throughout the stylesheet as you have indicated.

Collectives™ on Stack Overflow

Accessing the screen width and height in CSS Media Queries?

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related