2

我有一个水平站点，我希望在移动设备上查看时该站点的高度始终为 100%。我已将视口元标记设置为 -

<meta name="viewport" content="height=device-height, user-scalable=no">

这在纵向和横向模式下都可以正常工作，但是当我将手机从纵向模式旋转到横向模式时，站点缩放比例大于 100%。除非我重新加载页面（刷新不起作用）。

我找到了这个链接，它解释了它为什么这样做 - http://filamentgroup.com/examples/iosScaleBug/ 并按照那里的说明将元标记更改为

<meta name="viewport" content="initial-scale=1.0, user-scalable=no,  maximum-scale=1.0">

这解决了从纵向模式切换到横向模式时的方向问题，但它不会将站点缩放到 100% 高度。

可以禁用缩放功能，因为我更喜欢关闭缩放功能。

有什么建议可以解决这个问题吗？

谢谢

4

1 回答 1

0

I know this is an old question but when trying to achieve what you are I tend to use the following code. 

<meta name = "viewport" content = "user-scalable=no, initial-scale=1.0, maximum-scale=1.0,    width=device-width"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>

Hope that helps

于 2013-10-18T14:41:17.610 回答