根据W3C The ‘device-width’ media feature describes the width of the rendering surface of the output device.
@media all and (max-device-width : 480px)
@media all and (device-width : 480px)
这两者有什么区别吗？
如果device-width是渲染曲面的宽度以及为什么有max-device-width？
max-device-width/min-device-width是设备的最大/最小可能宽度，
所以whts是device-width与没有前缀时使用的设备宽度之间的确切差异吗？
答案 0 :(得分：2)
条件device-width : 480px表示设备的宽度正好 480像素。条件max-device-width : 480px表示设备的宽度最多 480像素，即480像素或更低。
这可能令人困惑，但他们想要定义媒体查询语法，以便它使用CSS声明的一般语法，即 property ： value ，而不是 property ＆lt; = value 。因此，您可以将max-device-width视为一种伪属性，将max-device-width : 480px视为“设备宽度最大为480px”，而不是“最大设备宽度”。