如何以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

通常，我们不会针对不同的缩放级别编写媒体查询。请参考堆栈溢出答案-Media Queries for Different zoom Levels of Browser