我有一个在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行。它全部聚集起来。有什么建议吗？
答案 0 :(得分：13)
你有没有试过这样的事情：
<meta name="viewport" content="initial-scale = 1,user-scalable=no,maximum-scale=1.0">