iPhone的方向改变回到肖像休息网站缩放

时间:2013-09-16 19:29:25

标签: javascript html iphone ios css

我遇到了a website的问题我正在设计当iPhone上的方向从纵向变为横向时,所有内容都会在横向视图中正确缩放。但当我回到肖像时,视图如下所示。

enter image description here

它不会缩小尺寸;像最初的观点一样。

enter image description here

我知道这是WebKit上的一个已知问题,并解释了可能的解决方案here但它似乎对我不起作用,因为我在页面上设置了以下元标记:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

我知道也有一些JavaScript解决方案,但上述代码不应该足够吗?我在这里缺少什么?

P.S。这种情况在iPhone上的Chrome for iOS上再好一点,但后来又不太好。当从横向回到肖像时,Chrome可以正确地缩放网站,但它也会从纵向视图的横向视图中保留不必要的宽度,以及当我在Chrome上回到纵向时,我可以水平移动网站。

0 个答案:

没有答案