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

Question

仅当 Chrome 上的页面缩放级别降低到 90% 时，我才会面对彼此重叠的文本。

所以试过

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

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

谁能建议我如何仅针对 90% 的页面缩放编写媒体查询？

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

Answer 1

通常我们不会为不同的缩放级别编写媒体查询。请参阅 Stack Overflow 答案 -浏览器不同缩放级别的媒体查询

Answer 2

您可以将 '90vw' 代替 397px，这基本上意味着 90% 的视口宽度