使用CSS Media查询在缩放时隐藏固定元素

Question

我使用以下css修复了我想在缩放上隐藏的位置元素（特别是在移动设备上）：

@media (max-width: 300px){ .hide {display: none;} }

这适用于桌面Chrome＆amp; IE10（例如，缩放~400％，元素不显示），但它不能与FF34或移动设备（Android浏览器或Chrome）一起使用。

我也试过

@media (max-width: 20em){ .hide {display: none;} }

并遇到了同样的问题。

似乎缩放会不同地影响每个浏览器的宽度，我正在寻找解决方法。

Answer 1

尝试：

@media screen and (max-width: 300px){
 .hide {display: none;} 
}