我希望有一个相对简单的解决方法。我为客户端创建了一个简单的网站，该网站在所有浏览器中都按预期显示。为该项目开发一个单独的移动网站不是工作范围的一部分，但我希望该网站能够在现代移动浏览器上正确显示。目前，在 iPhone 4 上，1000 像素宽的容器的左侧被剪裁（可能是 10 像素），我根本无法向左滚动查看它。我想知道这是 CSS 问题还是某种缩放问题？该网站可以访问here。
我很难找到与该问题相关的任何资源，但确实找到了这个 sn-p：
<meta name="viewport" content="width=device-width; initial-scale=0.9;">
这可能是解决方法的开始吗？如果网站加载的默认缩放比例为 75%，我会很高兴，但我没有为移动设备编写代码的经验。
【问题讨论】：
所以对于我的特殊情况，我找到了一个可行的解决方案。希望这对处于类似情况的其他人有所帮助。
事实上，关键在于视口元标记。我正在使用一个网页，其内容仅限于居中的 1000 像素 x 600 像素容器。 THIS 文章对解决这个问题非常有帮助。
正如文章所述，“默认情况下，iPhone 上的 Safari 会将您的页面呈现为大屏幕上的桌面浏览器，网页内容的宽度为 980 像素。然后它会按比例缩小内容，以便它适合小屏幕。”
在我的情况下，固定宽度为 1000 像素，我的左侧被裁剪了 20 像素，并且无法平移到它。诀窍是设置自定义宽度（必要时设置高度）。 请务必在 iPhone 的垂直和水平方向上检查该站点。您可以将其他参数用于此元标记，但我保持简单。
这是我在网站的<head></head> 标记之间添加的代码：
<meta name="viewport" content="width=1050px, height=650px" />
这给了我一个 25px 围绕网站内容的白色边框，并且仍然允许缩放等。这不能替代 iPhone 特定的网站，但它确保用户将能够访问该网站的所有内容.
希望这会有所帮助！
【讨论】：
尝试删除初始比例。
<meta name="viewport" content="width=device-width;">
【讨论】：
如果您想为移动视图更改一些 CSS，有一个名为 adapt.js 的工具可用于此用途。它选择与屏幕分辨率相关的样式表。
【讨论】：