响应式网站主题不适用于iPhone。

Question

我目前正在编辑一个主题，以响应运行Oxwall的网站。主题的响应功能目前在我测试的计算机浏览器上工作，但我可以在iPhone上使用它。加载时网站仍然保持广泛和大。

任何人都可以帮我解决CSS的哪些部分似乎在iphone浏览器上持有我的网站？

http://omol.org

谢谢，杰米。

Answer 1

添加：

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

了解原因：https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag。

Answer 2

您似乎没有定义元视口标记。

以下是一个示例，但显然您可以通过多种方式配置它们：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

假设您在样式表中正确设置了媒体查询，那么添加元视口标记应该可以帮助您。

Answer 3

您没有定义元视口标记。将此代码添加到文件的头部。

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

避免使用最大比例，因为它可以防止视障用户使用您的网站。

来源：http://a11yproject.com/posts/never-use-maximum-scale/