响应式网站显示为 iPad 放大

Posted 2023-03-06

【中文标题】响应式网站显示为 iPad 放大

【英文标题】：Responsive website appears zoomed in with iPad

【发布时间】：2013-01-21 22:22:31

【问题描述】：

看来，当我通过 iPad（最新一代）访问我的网站时，它会以横向模式正确加载响应式网站。当我切换到纵向时，我可以看到网站调整得很好，而且看起来也很好。当我再次切换回横向时，网站似乎放大了一点，需要缩小。

我在页面中有以下代码来尝试解决这个问题，但它仍然会发生......

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />

非常感谢任何帮助！

【问题讨论】：

我能够在这个帮助下解决我的问题 -- ***.com/questions/5434656/…

【参考方案1】：

似乎可以通过删除 initial-scale 属性，或者通过 JS 来修复它

看这里：Responsive site is zoomed in when flipping between Portrait and Landscape on iPad/iPhone

这里：ios zooming issue on responsive site from portrait to landscape break points

这里：http://opensourcehacker.com/2012/01/09/zoom-on-orientation-change-fix-for-mobile-browsers-mobilizing-websites-with-responsive-design-and-html5-part-8/