这是我的第一个响应式网站。它最初是一个常规网站，但客户现在希望它适合iphone，ipads等。
我创建了所有媒体查询，并使用FF web dev工具栏的View Responsive Layouts检查了它们。一切看起来都不错，所以我将它上传到测试服务器，它只是显示常规站点视图非常小。
必须有一些我想念的小东西，但我无法弄明白。
答案 0 :(得分：3)
您缺少视口<meta>标记，该标记告诉iPhone应显示该页面的大小。因此，它认为它已经获得了大约960px的桌面站点，并以此形式显示它。
添加到您的<head>：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
答案 1 :(得分：2)
将此添加到您的头脑中：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">