使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媒体查询不同。