css3媒体查询中device-width和width的区别详解

1.device-width 定义：定义输出设备的屏幕可见宽度。 不管你的网页是在safari打开还是嵌在某个webview中，device-width都只跟你的设备有关，如果是同一个设备，那么他的值就不会变。 比如iphone6的device-width*device-height为375*667,而跟他的dpr等无关。 2.width 定义：定义输出设备中的页面可见区域宽度。 输出的是你的网页可见区域的宽高，假设你的网页是移动端网页嵌套在某个webview中，width实际上就是webview的宽高，如果在不同的浏览器中，width和height也有可能不一样，又假如，你的页面用的rem布