css - モバイルのコンテンツを非表示にする

Question

モバイル/タブレット ブラウザー用に非表示にしようとしている 2 つの div があります。これを行うために、別のスタイルシートを含めました。

スタイルシートでは、これらの div に display: none を配置しましたが、これは機能していないようです。デモ サイトは www.thewestharbour.com/mypakage にあります。

私たちはモバイル用の WPTouch Pro を使用しており、テーマのスタイルシートにカスタム クラスを追加しようとしましたが、それもうまくいきませんでした。

Answer 1

media 属性を に変更max-device-widthします。max-width

ビューポート メタ タグで設定width=device-widthしているため、モバイルでは幅が適切な数値になるように構成されていますが、デスクトップではウィンドウ サイズをターゲットにしています。

別名: デスクトップ ブラウザのデバイス幅はウィンドウ サイズではありません。