响应式网站似乎放大了iPad

本文介绍了响应式网站似乎放大了iPad的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

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

It appears that when I access my website via the iPad (the newest gen) it loads the responsive site correctly starting in landscape mode. When I switch to portrait, I can see that the site adjusts properly and it also looks fine. It's when I switch back to landscape again that the site appears to zoom in a bit and needs to be zoomed out.

我在页面中有以下代码试图打击这个，但它仍然会发生......

I have the following code in the page to try to combat this, but it still occurs...

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

非常感谢任何帮助！

推荐答案

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

Seems it can be fixed by removing the initial-scale property, or alternatively by JS

看这里：在纵向和横向之间翻转时，响应式网站会放大在iPad / iPhone上

此处：从纵向到横向断点的响应式网站上的iOS缩放问题

此处： opensourcehacker/2012/01/09/zoom-on-orientation-change-fix-for-mobile-browsers -mobilizing-websites-with-responsive-design-and-html5-part-8 /