Resposive Mobile和display:none - Wordpress - Visual Composer

时间:2016-11-10 22:40:28

标签: css iphone wordpress responsive visual-composer

您好我在手机和平​​板电脑设备上隐藏一行(完全是背景)时遇到问题我尝试将课程排到行:“无”并添加css但这不适用于移动设备

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

return (IEffect) Enum.valueOf((Class<Enum>) clazz, name);

1 个答案:

答案 0 :(得分:1)

您的代码应该适用于实际的手机/平板电脑。它在这些模拟器中不起作用,因为max-device-width指的是设备宽度,而不是iframe窗口的宽度。在模拟器中,设备是您的计算机,几乎可以肯定它的物理屏幕宽度大于900px。因此,对于开发,请改用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的更多信息。