iphone - iphone/ipad 上的初始宽度

标签 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,但不起作用。

有人能帮帮我吗?

最佳答案

删除这一行

<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/

相关文章:

iOS 8 Swift 导航栏标题,按钮未显示在基于选项卡的应用程序中

iphone - 在运行时更改 NSLocalizedString() 的语言

iphone - 如何安排 uitableviewcell 启动另一个日期选择器 View 来选择日期?

javascript - 使用 Javascript 在某些 HTML 页面上添加侧边栏和更改填充

html - 列表样式图像在 .accordion .accordion-title 中未正确应用

javascript - 为什么 Next.JS 在生产构建过程中自动删除 CSS?

javascript - 为什么 document.documentElement.clientHeight 因站点而异?

android - 获取调试日志 - iPhone

javascript - 我们如何在拖放更改后保存 html 页面

iphone - 无法使用移动设备放大或缩小