私は現在、レスポンシブ スタイル シートに取り組んでいますが、これは現在有効ですが、進行中の作業であるため、デスクトップ以外のデバイスでは恐ろしく見えます。
ビューポートのサイズに関係なく、JavaScript を使用してすべてのデバイスにデスクトップ レイアウトを強制的にロードすることはできますか?
私は現在、レスポンシブ スタイル シートに取り組んでいますが、これは現在有効ですが、進行中の作業であるため、デスクトップ以外のデバイスでは恐ろしく見えます。
ビューポートのサイズに関係なく、JavaScript を使用してすべてのデバイスにデスクトップ レイアウトを強制的にロードすることはできますか?
これをあなたの頭に追加してください
<meta name="viewport" content="width=SITE_MIN_WIDTH, initial-scale=1, maximum-scale=1">
サイトの最小幅で SITE_MIN_WIDTH を変更してください。これにより、デバイスが適切なサイズで読み込まれるようになります。
JavaScriptを使用して一部のメディアクエリを無効にしたいようです。
私の知る限り、いや、これはできません。
非常に回りくどいですが、次のことができます。
<html>
タグにクラスを追加します。例:responsive
そのクラスで現在希望どおりに機能していないすべてのCSSブロックのプレフィックスを付けて、クラスが存在する場合にのみ適用されるようにします。
ページの読み込み時に、JavaScriptを使用してそのクラスを<html>
タグから削除します。
しかし、おそらく、コーディングしているデバイスでそれらをチェックするときに、それらをオンに戻す方法が必要になるでしょう。そうでなければ、そもそもなぜあなたのライブサイトにそれらを持っているのですか?
メディア クエリは、現在の解像度に基づいて異なる CSS ファイルを呼び出すだけです。
モバイル ファースト レスポンシブの場合は、小さいサイズの画面から始まり、徐々に増えていきます。CSS を編集し、デスクトップより小さい画面に影響を与える CSS を削除するとうまくいくはずです。ただし、サイトが既に構築されており、無効にする必要があることを使用しているシステムがわからない. これを行うには何百もの方法があります。OPが何かはわかりませんが、CSSファイルを編集することをお勧めします。Firefox で Firebug を使用すると、読み込まれている CSS を見つけることができるはずです。