如何从打印中隐藏CSS媒体查询? “不”逻辑运算符不起作用

前端之家收集整理的这篇文章主要介绍了如何从打印中隐藏CSS媒体查询? “不”逻辑运算符不起作用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图隐藏一个媒体查询被打印,所以我想出了@media不打印和(min-width:732px).但是无论什么原因,这个(和我尝试过的许多变体)并没有像浏览器那样显示出来.

我可以想到的唯一选择是使用@media屏幕和(max-width:732px),但是我想避免这样做,因为它排除了除屏幕之外的所有其他媒体类型.

解决方法

这样的东西怎么样?
body { min-width:732px; }
@media print {
   body { min-width:initial; }
}

除了print之外,最小宽度将被设置为732,这将获得您指定的其他一些值.根据您的情况,您可以设置不同的宽度,或尝试像“thiswontwork”(有时会将该值设置为初始值)或“继承”或类似的东西.

猜你在找的CSS相关文章