max-widht指展示的最大宽度，一般是浏览器窗口宽度。 max-device-width是指所展示使用的设备支持宽度 查到的是这样的解释的 但我现在不明白的是，这两个都是根据设备的分辨率来的了还是其他的什么了总觉得很混淆 再则说到的max-device-width是屏幕宽度，到底是指分辨率的宽度，还是视口的宽度 如果是指适口的宽度，那max-width和max-device-width不就是指的一个宽度么 两者之间的区别到底是什么了？？？
走同样的路，发现不同的人生
max-width是展示的最大宽度，但不是浏览器宽度吧。你可以把max-width设得很大，超出浏览器的窗口宽度。max-device-width是屏幕宽度，一般是分辨率的宽度。
max-width
max-device-width
在viewport中，有布局视口和可见视口，max-width是设置布局视口的最大宽度，max-device-width是设置可见视口的最大宽度。
题主看看这篇文章吧，应该有点帮助。http://www.adobe.com/cn/devne...
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
max-width是展示的最大宽度，但不是浏览器宽度吧。你可以把max-width设得很大，超出浏览器的窗口宽度。max-device-width是屏幕宽度，一般是分辨率的宽度。在viewport中，有布局视口和可见视口，max-width是设置布局视口的最大宽度，max-device-width是设置可见视口的最大宽度。
题主看看这篇文章吧，应该有点帮助。
http://www.adobe.com/cn/devne...