设置宽度=设备宽度视打破布局

Question

我有一个应该大规模基于使用@media查询在CSS设备的宽度布局：

@media only screen and (max-width: 510px) { 
    .... 
} 

虽然风格确实出现了应用，一旦视口设置为“宽度=设备宽度”，设计就会有效地中断。可能是因为它太窄了，这很奇怪，因为CSS应该缩小一切。

检查以下

快速编辑屏幕：似乎在Android 4.1的工作不知何故。

Answer 1

这是iPhone上的问题吗？这可能是因为手机视网膜显示屏的双像素大小，请尝试将initial-scale=1.0; maximum-scale=1.0添加到视口内容。