css - 25%、33% 和 50% 缩放级别的媒体查询

Question

我们根据屏幕大小添加了不同缩放级别的媒体查询，喜欢

 @media (max-width: 992px)

 @media (max-width: 1200px)

 @media (max-width:1920px)

 @media (max-width:1500px)

但是当我们将缩放级别缩放到 25%、33% 或 50% 时，我们的布局设计就会中断。这些缩放级别是否有任何媒体查询？

当我们在谷歌上搜索时，所有媒体查询都可用于 50% 以上的缩放，而不是 33% 或 25% 的缩放，如本例所示 Media Queries for Different zoom Levels of Browser

此示例适用于最大缩放级别，而非最小缩放级别。

Answer 1

找到答案对于 50% 缩放，我们可以使用此媒体查询

 @media (min-width:2052px) and (max-width:2732px)
 {

 }

对于 33% 的缩放我们可以使用这个

 @media (min-width:2733px) and (max-width:4102px) 
 {

 }

对于 25% 的缩放，我们可以使用这个媒体查询

 @media (min-width:4103px) and (max-width:5464px)
 {

 }