我目前正在编辑一个主题以响应我运行 Oxwall 的网站。主题的响应功能目前可以在我测试过的计算机浏览器上运行，但我可以让它在 iPhone 上运行。加载时，网站仍然保持宽大。
任何人都可以帮助我解决 CSS 的哪一部分似乎在 iphone 浏览器上占用了我的网站吗？
谢谢，杰米。
问问题
978 次
3 回答
2
添加：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
了解原因：https ://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag 。
于 2013-04-09T10:07:49.993 回答
1
您似乎没有定义元视口标签。
这是一个示例，但显然您可以通过多种方式配置它们：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
假设您在样式表中正确设置了媒体查询，那么添加元视口标签应该可以帮助您。
于 2013-04-09T10:06:27.903 回答
1
您没有定义元视口标签。将此代码添加到文件的头部。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
避免使用最大比例，因为它会阻止视障用户使用您的网站。
于 2013-04-09T11:30:04.193 回答