在肖像和风景之间的iPad视口问题

概述我有一个在ipad上出现的网页.我为视口添加了这个元： <meta name="viewport" content="width=980,maximum-scale=1.0" /> 它在肖像中工作得很好,然后当ipad进入横向模式时它也可以正常工作.问题是,当我从横向回到纵向时,页面被拉伸,这意味着页面的某些部分以纵向模式离开屏幕.我必须双击屏幕才能恢复正常视图. 然后我尝试了： <meta na 我有一个在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行.它全部聚集起来.有什么建议？

解决方法 你尝试过这样的事情：

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

总结

以上是内存溢出为你收集整理的在肖像和风景之间的iPad视口问题全部内容，希望文章能够帮你解决在肖像和风景之间的iPad视口问题所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。