css max-width如何在移动设备上运行？

Question

我在这里有点困惑 - 我有一个css样式与以下:

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

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

Answer 1

尝试将此添加到您的头标记:

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