css - 响应式移动和显示：无 - Wordpress - Visual Composer

Question

您好，我在移动设备和平板电脑设备上隐藏一行（确切的背景）时遇到问题我尝试给行上课：“无”并添加 css 但这在移动设备上不起作用

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

您的代码应该可以在实际的手机/平板电脑上运行。它在这些模拟器中不起作用，因为max-device-width指的是设备宽度，而不是 iframe 窗口的宽度。在模拟器中，设备就是您的计算机，几乎可以肯定它的物理屏幕宽度大于 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。更多关于这个here。