网站在 iPad 上被缩小到小于视口

Posted

技术标签:

【中文标题】网站在 iPad 上被缩小到小于视口【英文标题】:Website is being scaled down on iPad to be smaller than viewport 【发布时间】:2016-01-06 17:31:32 【问题描述】:

所以这真的很奇怪。我的网站比我的视口小。我通过将我的 iPad 插入我的 mac 来检查 dom,并使用 safari 开发人员工具进行检查。如果我将鼠标悬停在 html 或 body 元素上,则元素不会填充视口的宽度。这对我来说是个问题,因为我的全宽图像不是全宽! html 元素右侧有大约 10% 的间隙。

请参阅附件中突出显示的 html 元素的屏幕截图。

【问题讨论】:

【参考方案1】:

感谢this 的帖子,我找到了答案。

添加到元视口标签shrink-to-fit=no

【讨论】:

以上是关于网站在 iPad 上被缩小到小于视口的主要内容,如果未能解决你的问题,请参考以下文章

禁用 iPad 水平滚动

HTML 页面未在 iPhone/iPad 上纵向调整大小

移动网站 - 视口取决于设备宽度

响应式网站显示为 iPad 放大

调整网站宽度以适应 iPad 屏幕的宽度

调整网站宽度以适应iPad屏幕的宽度