iphone - 使用元视口以 iPhone 横向模式居中网站

Question

我的网站的 HTML 标记上有一个 CSS 边框，当我在 iPhone 上查看它时，它没有将边框视为宽度的一部分，并且某些 div 的重叠与内容和侧面之间有 10px 的间隙相反的屏幕。我使用了元视口标签

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

这很好用，因为它现在所有的排列都很完美，但是当我以横向模式查看站点时，站点没有居中，它从左对齐开始，所以在滚动之前你只能看到一半的站点。

以横向模式查看网站时，如何使网站布局居中？

Answer 1

鉴于这个问题现在有点“旧”，不确定您是否解决了问题，但此链接可能对其他人有所帮助。它帮助了我。

我最近一直在查看元视口并看到了这篇网站文章。

视口元标记

基本上，不要使用“width=device-width”。
相反，只需使用“初始比例”值。