html - iPad物理方向没有任何影响

Question

我知道“纵向”iPad 方向对应于 1024 像素宽的窗口，“横向”对应于 768 像素。

但是，当我访问我的网页时，无论我的 iPad 方向如何，我的宽度总是相同的。

左下角红色数字代表jQuery('body').width()连接到resize()JS事件的值。为什么纵向和横向模式下的值保持不变？

Answer 1

您需要添加initial-scale=1到您的元viewport标记。请参阅此相关问题：iOS 设备的视口元标记

Answer 2

您应该考虑使用 Sass 媒体查询，而不是使用 jQuery 来更改页面的样式。

http://thesassway.com/intermediate/responsive-web-design-in-sass-using-media-queries-in-sass-32

http://thesassway.com/intermediate/responsive-web-design-part-2

它更简单，不依赖 js 事件和代码操作。

希望它有帮助，干杯。