在肖像和风景之间的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">