媒体查询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)
 {

 }