android - 如何强制网站扩展以修复移动设备(Iphone android ..)

Question

当我在 iphone 中加载我的网站时，它不会缩小。我所看到的只是左上角最几百平方的像素。我是移动优化的新手，但我觉得大多数页面会自动滚动以适应，而且大多数问题似乎是针对我遇到的相反情况(强制手机不缩小)。 p>

我希望整个页面的宽度是可见的，并使其用户必须放大才能阅读文本。

我已经尝试过在头部使用和不使用以下代码，但没有明显效果。

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

<!--  I Also tried: -->
<meta name="viewport" content="width=1024, initial-scale=1">   

Answer 1

在此处使用文档:https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html

您似乎应该忽略大多数视口(viewport)属性，只需将 user-scalable 设置为“yes”。它现在可以在我的 iPhone 上运行。

<meta name="viewport" content="user-scalable = yes">

编辑::移动测试网站不允许缩放，所以它只提供滚动条。使用实际的电话可以。