jqueryコードを特定の範囲のビューポートアスペクト比にのみ適用する

Question

私のサイトには現在2つのCSS設定があります。 1つは通常のコンピュータ用、もう1つは電話用です。これは、横向きデバイスの場合は@media screen and (min-aspect-ratio: 12/9)、ポートレートの場合は@media screen and (max-aspect-ratio: 12/9)を使用して行います。

ビューポートがmin-aspect-ratio range of 12/9（別名ワイドスクリーン）の場合にのみ適用したいjQueryコードをいくつか記述しました。

私は（高さで割った幅が1.33よりも大きくなっている） if $('window').math(width()/height()) => 1.33に（jQuery(document).ready(function() {を除く）すべてのコードをラップすることによって、これを実行しようとしましたが、私はおそらくそれは間違って書きました。私はjQueryについては初心者ですので、私は初心者です。

Answer 1

は、次のifのステートメントを使用します。それはあなたのCSSメディアクエリと同じではありませんので

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

$(window).width()とheight()は、現在のウィンドウサイズではなく、全画面サイズを提供します。