Does the width specified in the media queries represent the size of devide screen

Question

Asked: June 10, 20262026-06-10T19:55:03+00:00 2026-06-10T19:55:03+00:00

Does the width specified in the media queries represent the size of devide screen or it is the inner width of the browser in the mobile device.

If I specify an element width same as min-width defined in media query, will a horizontal scrollbar appear at some point?

For example:

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

    .wrapper{
        width: 460px;
    }
}

If that’s not correct, what should be maximum width of .wrapper in order to avoid the scroll bar?

You must login to add an answer.

Need An Account,

Editorial Team · Answer 1 · 2026-06-10T19:55:04+00:00

Editorial Team

According w3c width in media queries is

The ‘width’ media feature describes the width of the targeted display
area of the output device.

For screen it will be width of browser window.

You can use device-width feature to make your markup responsive to device screen.

The Archive Base Latest Questions