我在这个特定的页面上遇到了问题。 http://staging.creativewritingagency.com/contact-us.php
现在，这不是一个响应式网站。客户端只要求他能够在第一个视图中查看整个页面（不放大或缩小移动屏幕）。之后，他会捏进去查看和阅读文本。
所以我做了一些研究，发现可以使用viewport元标记来完成。我将以下代码插入<head>部分
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
据我所知，这段代码应该
但是，此代码似乎仅适用于Android版Chrome。 iPhone 6 Plus上的Safari浏览器仍显示整页。这是我在Browserstack上模拟的iPhone 6 Plus上看到的截图。 http://prntscr.com/81vs1n
有人可以调查一下，并指出我可能以不正确的方式做事。
P.S。这是我关于Stack Overflow的第一个问题。我对改进提问格式的建议持开放态度。
编辑 - 我的网页宽度为1170像素。
答案 0 :(得分：2)
问题width=device-width。
可以设置为特定数量的像素，例如width = 600，或者设置为特殊值device-width值，它是CSS像素中屏幕宽度的100％。
视口的宽度（以像素为单位）。默认值为980.范围为200到10,000。
https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag
答案 1 :(得分：2)
在元标记中设置固定宽度，而不是根据设备。
答案 2 :(得分：1)
所以我在阅读更多有关视口的内容时偶然发现了this link。今天我了解到视口用于规范化内置的缩放行为。
感谢@subodh指点我这个方向。
现在，我已经更新了我的元标记，就像这样，它就像一个魅力。
<meta name="viewport" content="width=1180">
编辑 - 忘记提及，我从实际代码中删除了初始比例。它导致页面缩放到100％原始像素，因此必须水平滚动。