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

我有一个在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;">

---

但在纵向模式下，它不够宽，图标/文本换行为两行，而它应该只有一行。一切都集中在一起了。有什么建议吗？

你有没有尝试过这样的方法：

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

---

酷，帮我解决了问题