html - css max-width 如何在移动设备上工作？

Question

我在这里有点困惑 - 我的 css 样式如下:

@media (max-width: 855px) {
    #page {
        //declarations
    }
}

这在我的桌面上工作正常，浏览器在我调整窗口大小时设置样式，正如声明的那样。但是我似乎无法让它在移动设备上运行。在 iphone 4 上测试此布局未正确设置。我假设如果 iphone 的显示屏是 640 x 960 像素，它就可以正常工作。我错过了什么？

Answer 1

尝试将此添加到您的 head 标签中:

<meta name="viewport" content="width=device-width, initial-scale=1">