iPad的物理定位没有任何影响

Question

据我所知，“纵向”iPad方向对应于1024px宽的窗口，而“景观”则为768px。

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

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

Answer 1

您需要将initial-scale=1添加到元viewport代码中。请参阅此相关问题：Viewport meta tag for iOS devices

Answer 2

您应该考虑使用Sass Media Queries而不是使用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事件和代码操作。

希望它有所帮助， 欢呼声。