html - 响应式网站主题无法在 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/