我正在为 wordpress 使用这个模板:
http://demos.itsmattadams.com/jetwire/
当我尝试在 iphone/ipad 上加载时,页面不适合所有宽度,因为只显示了一部分。我也不想要水平滚动。
如果我从 ThemeForest 链接打开主题,效果很好(也许对于 iframe?):
http://themeforest.net/item/jetwire-powerful-wordpress-blog-theme/full_screen_preview/2919709
我尝试将主容器宽度更改为 960px,但不起作用。
有人能帮帮我吗?
最佳答案
删除这一行
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
然后该站点应该自动适合视口(viewport)。此行基本上是告诉设备获取设备的像素宽度 (width=device-width
) 并通过“放大”将其与您的站点匹配。
假设您的站点宽度为 960 像素,而设备宽度为 320 像素;然后它将只显示网站的最左边部分(320 像素宽),将 640 像素“溢出”到右侧。
不指定视口(viewport)宽度将强制设备显示完整站点。
关于iphone - iphone/ipad 上的初始宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12457513/