纵向和横向之间的iPad视口问题

Question

我有一个网页出现在iPad上。我加入这个荟萃视口：

<meta name="viewport" content="width=980,maximum-scale=1.0" /> 

它可以在人像就好了，然后当iPad进入横向模式下它的工作原理也很不错。问题是，当我从横向返回肖像时，页面已经过度拉伸，这意味着页面部分以纵向模式离开屏幕。我必须双击屏幕才能恢复正常视图。

我然后设法：

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

但在纵向模式下其不够宽和图标/文本换行到2号线时，它应该只有一个行。它会聚集起来。有什么建议么？

Answer 1

您是否尝试过这样的事情：

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