我需要为iPhone / Android手机开发一些html页面,但是max-device-width和之间有什么区别max- width?我需要为不同的屏幕尺寸使用不同的CSS。
max-device-width
max- width
@media all and (max-device-width: 400px) @media all and (max-width: 400px)
有什么不同?
max-width 是目标显示区域的宽度,例如浏览器
max-width
max-device-width 是设备整个渲染区域的宽度,即实际设备屏幕
这同样适用于max-height和max-device-height自然。
max-height
max-device-height