Css 响应性设计和浏览器缩放-为什么会出现这种情况?

Css 响应性设计和浏览器缩放-为什么会出现这种情况?,css,wordpress,responsive-design,media-queries,zooming,Css,Wordpress,Responsive Design,Media Queries,Zooming,我有一个很烦人的问题,我不知道如何处理。 我正在使用px中定义的媒体查询在wordpress中构建一个响应性布局。 我想我已经使用了正确的元标记: <meta name="viewport" content="width=device-width, initial-scale=1.0"> 我的问题是,为什么使用浏览器缩放媒体查询会影响布局?我不知道这对于响应性布局和媒体查询是否是正常行为 我想摆脱这种情况,尤其是在缩小屏幕时——不需要输入对更大宽度屏幕的查询。我调查了一些流行的

我有一个很烦人的问题,我不知道如何处理。 我正在使用px中定义的媒体查询在wordpress中构建一个响应性布局。 我想我已经使用了正确的元标记:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

我的问题是,为什么使用浏览器缩放媒体查询会影响布局?我不知道这对于响应性布局和媒体查询是否是正常行为

我想摆脱这种情况,尤其是在缩小屏幕时——不需要输入对更大宽度屏幕的查询。我调查了一些流行的响应性网站,如雅虎和mozilla,但它们在“缩小”上的布局并没有重新排列。
希望我的问题很清楚,您可以帮助我。

如果您的意思是当您缩放时浏览器认为屏幕大小在变化,是的,这是正常的。窗口的宽度为600像素,放大到200%,页面的宽度为300像素。这回答了你的问题吗?否则,你可能需要用一个演示来说明你的问题。是的,我理解浏览器的行为与你解释的一样,但这是正常的行为吗?因为当我缩小流行的响应性网站(如雅虎或Mozilla)时,我无法观察到相同的大小调整如果你是说浏览器认为你放大时屏幕大小在变化,是的,这是正常的。窗口的宽度为600像素,放大到200%,页面的宽度为300像素。这回答了你的问题吗?否则,你可能需要用一个演示来说明你的问题。是的,我知道浏览器的行为与你解释的一样,但这是正常的行为吗?因为当我缩小像雅虎或mozilla这样受欢迎的响应性网站时,我无法观察到同样的大小调整