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

Question

我有一个网页出现在 ipad 上。我为视口(viewport)添加了这个元数据:

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

它在纵向上工作得很好，然后当 ipad 进入横向模式时它也工作得很好。问题是当我从横向返回纵向时，页面过度拉伸(stretch)，这意味着页面的某些部分在纵向模式下会离开屏幕。我必须双击屏幕才能恢复正常 View 。

然后我尝试了:

<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">