浏览器比例会影响宽度

Question

我有一个固定宽度的div和一个特殊的@media宽度规则。

DIV

width: 350px;

@media

@media only screen and (width: 350px)

它可以在下一个浏览器比例下正常工作：100％，110％，150％，200％等。

但是，对于此浏览器，@ media规则中断（不起作用）缩放比例：125％，175％，等等。

问题：

1. 为什么会这样？
2. 如何解决此问题？

我已经尝试过：

1. <meta name="viewport" content="width=device-width, height=device-height, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

2. width: 350px; max-width: 350px; min-width: 350px;

Answer 1

为您的@media选择仅 max-width: 350px。您的尝试2没有什么意义，因为它只会在精确到350px时触发，我想您是希望该特定规则达到350px并使用从351px以上的另一个规则。

是的，示例代码的请求当然是有效的，请遵守！