在视口中设置 width=device-width 会破坏布局答案

【问题标题】：Setting width=device-width in viewport breaks layout在视口中设置 width=device-width 会破坏布局
【发布时间】：2012-10-15 14:50:15
【问题描述】：

我有一个布局，它应该使用 CSS 中的 @media 查询根据设备的宽度进行缩放：

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

虽然看起来确实应用了样式，但一旦将视口设置为“width=device-width”，设计实际上就会中断。可能是因为它太窄了，这很奇怪，因为 CSS 应该按比例缩小所有内容。

检查下面的屏幕

快速编辑：似乎可以在 Android 4.1 上运行。

【问题讨论】：

【解决方案1】：

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

【讨论】：