这是我的第一个响应式网站。它最初是一个常规站点，但客户现在希望它适合 iphone、ipad 等。
我创建了所有媒体查询并使用 FF web 开发工具栏的 View Responsive Layouts 检查它们。一切看起来都不错，所以我将它上传到了测试服务器，它只显示了非常小的常规站点视图。
一定有一些小东西我错过了，但我无法弄清楚。
问问题
362 次
2 回答
3
您缺少 viewport<meta>标签，它告诉 iPhone 应该以什么尺寸显示页面。因此，它认为它获得了一个大约 960 像素的桌面站点，并将其显示为这样。
添加到您的<head>：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
于 2013-07-19T17:40:33.397 回答
2
在你的脑海中添加这个：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
于 2013-07-19T17:39:40.523 回答