如何在 90% 的页面缩放级别编写媒体查询

Question

只有在Chrome上页面缩放级别降低到90%时，我才会面临文本相互重叠。

所以尝试过

@media all and (min-width: 397px) {
.add-list li {float: left; display: block; width: 50%;}
}

但是，使用 397px 指定媒体查询条件会影响跨浏览器其他缩放级别的行为

任何人都可以建议我如何单独编写 90% 页面缩放的媒体查询吗？

是否可以根据像素率(在 90% 模式下(对媒体查询进行编码？

Answer 1

你可以用"90vw"代替397px，这基本上意味着视口宽度的90%

Answer 2

通常我们不会为不同的缩放级别编写媒体查询。请参考堆栈溢出答案 - 不同浏览器缩放级别的媒体查询