iphone - 浏览器宽度在 iPad 和 iPhone 上不是 100%，其余的都可以

Question

出于测试目的，我设置了这个页面:http://www.fondationmartinmatte.com/test.html它在 html 桌面浏览器中非常好，但在移动设备中总是有一个垂直的灰色条。它来自哪里以及我应该告诉 html 代码用于移动设备的设置。首先是代码:<meta name="viewport" content="width=device-width">这让整个事情变得更糟。我只是删除它，这里是灰色条。如何解决这个问题，提前致谢

Answer 1

尝试使用这些:

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>

此外，您可能希望获得比当前更复杂的 CSS 重置(边距:0，填充:0)。在浏览器兼容性方面，这里有一些很棒的东西可以让您的生活更轻松:

http://www.cssreset.com/