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

Question

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

我希望整个页面宽度可见,并使用户必须放大才能阅读文本.

我已尝试使用和不使用以下代码,但没有明显的效果.

<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

看起来您应该忽略大多数视口属性,并将用户可扩展性设置为"是".它现在正在我的iPhone上工作.

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

编辑::移动测试站点不允许缩放,因此它只提供滚动条.使用实际的手机这是有效的.