使jquery代码仅适用于特定范围的视口宽高比

Question

我的网站目前有两种css配置。一个用于普通计算机，一个用于电话。这是通过使用@media screen and (min-aspect-ratio: 12/9)用于横向设备和@media screen and (max-aspect-ratio: 12/9)用于纵向来完成的。

我编写了一些jQuery代码，我希望仅在视口位于min-aspect-ratio range of 12/9（又称宽屏幕）时应用。

我尝试通过包装所有代码（jQuery(document).ready(function() {除外）来完成此操作 if $('window').math(width()/height()) => 1.33（宽度除以高度大于1.33），但我写错了。对于jQuery我是新手，所以我的错误可能是基本的。

Answer 1

使用以下if声明：

if ((window.screen.width / window.screen.height) >= 1.33)

$(window).width()和height()提供当前窗口大小，而不是总屏幕大小，因此它与CSS媒体查询不同。