- - - - - - - mediaQueries - - - - - - -
w3schools - The viewport is the user's visible area of a web page.
Viewport is browser area visible to user or you can say window visible to user.
mediaQueries test window.innerwidth (includes scrollbar)
developer tools inspector is same as element.clientwidth
The width media feature describes the width of the rendering surface of the output device (such as the width of the document [browser] window...
w3schools - Responsive Web Design - The ViewportThe width=device-width part sets the width of the page to follow the screen-width of the device (which will vary depending on the device).
css-tricks - Responsive Meta Tagwidth = The width of the virtual viewport of the device.
This means that the browser will (probably) render the width of the page at the width of its own screen. So if that screen is 320px wide, the browser window will be 320px wide,
...end-of-page...