css - レスポンシブ モバイルとディスプレイ: なし - Wordpress - Visual Composer

Question

こんにちは、モバイルおよびタブレット デバイスで 1 行 (正確には背景) を非表示にすることに問題があります。

http://scr.hu/0wj8n/x00rp

@media screen and (max-device-width: 900px){
  .none {
    display: none !important;
    visibility: hidden !important;
}
}

@media screen and (max-device-width: 900px){
  .none {
    background-image: none !important;
}
}

Answer 1

コードは実際の電話/タブレットで動作するはずです。は iframe ウィンドウの幅ではなく、デバイスmax-device-widthの幅を参照するため、これらのエミュレーターでは機能しません。エミュレーターでは、デバイスはコンピューターであり、物理的な画面幅が 900 ピクセルよりも大きいことはほぼ確実です。したがって、開発には、代わりに次を使用します。max-width

@media screen and (max-width: 900px){
  .none {
    display: none !important;
  }
}

@media screen and (max-width: 900px){
  .none {
    background-image: none !important;
  }
}

製作中はご自由にお使いmax-device-widthください。詳細はこちら。