iPhone 视口——宽度显示不正确
我的测试 WordPress 网站位于:www.incitepartners.com/news/
这是一个 1000px 固定宽度网站,CSS 为:
#wrapper {
width: 1000px;
height: 100%;
padding: 0 0 30px 0;
margin: 0 auto;
-webkit-text-size-adjust: none;
}
视口元标记为:
<meta name="viewport" content="width=1000, user-scalable=yes" />
我可以获得网站宽度以在 iPhone 上准确显示的唯一方法4 是如果我添加
initial-scale=selfrender
但是然后会缩小并居中所有高度和宽度...
或者,我可以这样做
"initial-scale = .3"
,这使得网站大致显示正确的宽度。
另外,如果我将内容更改为 content=device-width,iPhone 显示不会发生任何变化...无论我指定 1000 还是指定 device-width...都不会发生任何变化。
我缺少什么?这让我发疯。
My test WordPress site is at: www.incitepartners.com/news/
This is a 1000px fixed width site, the CSS is:
#wrapper {
width: 1000px;
height: 100%;
padding: 0 0 30px 0;
margin: 0 auto;
-webkit-text-size-adjust: none;
}
and the viewport metatag is:
<meta name="viewport" content="width=1000, user-scalable=yes" />
The only way I can get the width of the site to accurately display on an iPhone 4 is if I add
initial-scale=selfrender
But then that shrinks and centers EVERYTHING height AND width...
OR, I can do
"initial-scale = .3"
and that makes the site approximately display the correct width.
also, there is NO change to the iPhone display if I change the content to content=device-width... no matter if I specify 1000 or specify device-width... nothing changes.
what am i missing? this is driving me crazy.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论