iPhone 视口——宽度显示不正确

发布于 2024-12-16 01:04:16 字数 700 浏览 1 评论 0原文

我的测试 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文