使用CSS媒体查询隐藏缩放时的固定元素

我有固定位置元素，我想在zoom上隐藏这些元素，特别是在使用以下css的移动设备上：

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

这适用于桌面Chrome和IE10，例如在约400%的缩放下，元素不会显示，但是它不适用于FF34或移动android浏览器或Chrome

我也试过了

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

也有同样的问题

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

试试：

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