jquery 开发人员工具和浏览器窗口之间的responsive @media查询大小调整问题

k7fdbhmy 于 2023-02-08 发布在 jQuery

关注(0)|答案(1)|浏览(181)

我使用不同的媒体查询来根据 device-width 调整css的样式，我犯了一个错误，几乎所有的时间都在开发者模式下查看网站，用响应的尺寸来改变设备的大小，在开发者模式下一切都很好。
但是当我不在开发者模式下，我手动调整浏览器的窗口大小时，css一直保持在 / 大屏幕 / 风格，没有响应。媒体查询应该理解，我调整窗口大小时，它会小于一定的宽度，不是吗？
这些就是我的疑问：

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) 
  @media only screen and (min-device-width: 768px) and (max-device-width: 991px) 
  @media only screen and (min-device-width: 992px) and (max-device-width: 1199px) 
  @media only screen and (min-device-width: 1200px)

响应式开发模式

手动调整窗口大小时，Resposive无法在浏览器上工作

jquery

来源：https://stackoverflow.com/questions/75374401/problem-with-responsive-media-queries-resize-between-developer-tool-and-browser

1条答案

按热度按时间

l0oc07j21#

我遇到过类似的问题，我不得不在代码的head标签中添加一些内容：

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
</head>

添加这个修正了我的媒体查询响应。

赞(0）回复(0）举报 2023-02-08

我来回答

jquery 开发人员工具和浏览器窗口之间的responsive @media查询大小调整问题

1条答案

相关问题

热门标签

最新问答