max-width is the maximum width of the display, but it is not the browser width. You can set max-width very large, beyond the browser window width. max-device-width is the screen width, usually the width of the resolution.
In viewport, there are layout viewport and visible viewport. max-width is to set the maximum width of the layout viewport, and max-device-width is to set the maximum width of the visible viewport.
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
max-widthis the maximum width of the display, but it is not the browser width. You can set max-width very large, beyond the browser window width.max-device-widthis the screen width, usually the width of the resolution.In viewport, there are layout viewport and visible viewport. max-width is to set the maximum width of the layout viewport, and max-device-width is to set the maximum width of the visible viewport.
Please read this article, it may be helpful.
http://www.adobe.com/cn/devne...