iphone / ipad上的初始宽度

时间:2012-09-17 10:35:27

标签: iphone html css ipad mobile-safari

我正在使用此模板进行wordpress:

http://demos.itsmattadams.com/jetwire/

当我尝试在iphone / ipad上加载时,页面不适合所有宽度,因为只显示一部分。我也不想要水平滚动。

如果我从ThemeForest链接打开主题,效果很好(也许是iframe?):

http://themeforest.net/item/jetwire-powerful-wordpress-blog-theme/full_screen_preview/2919709

我尝试将主容器宽度更改为960px,但不起作用。

有人能帮助我吗?

1 个答案:

答案 0 :(得分:1)

删除此行

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

然后,该网站应自动适合视口内部。此行基本上是告诉设备采用设备的像素宽度(width=device-width)并通过“放大”将其与您的网站相匹配。 假设您的网站宽度为960px,设备宽度为320px;然后它只显示该站点的最左边部分(320px宽),留下640px'向右流过'。 不指定视口宽度将强制设备显示完整站点。