CSS media queries and element widths

Question

Does the width indicated in multimedia queries mean the size of the division screen, or is it the internal width of the browser on the mobile device.

If I specify an element width that is the same as min-widththat defined in the media request, will the horizontal scrollbar appear at some point?

For instance:

@media screen and (min-width: 460px) and (max-width: 800px){

    .wrapper{
        width: 460px;
    }
}

If this is not the case, should there be a maximum width .wrapperto avoid the scrollbar?

+5

user1251698 Sep 06 '12 at 12:09

1 answer

Nick Kugaevsky · Accepted Answer · 2012-09-06T12:49:24+0000

Consistent with w3c width in media queries

The media width function describes the width of the target display area of the output device.

For the screen, this will be the width of the browser window.

device-width, .