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">

Answer 2

在"viewport"代码

之前使用</head>确保您的元数据

并在CSS中添加媒体查询

@media (max-width: YOUR_WIDTH_VALUE) {

}