我使用Bootstrap 4构建了我的网站。响应式设计存在一些问题，因此我使用媒体查询来解决这些问题。我一直在使用Chrome的设备工具栏来对CSS进行更改。在使用设备工具栏时，所有内容都看起来像我想要的那样，但是当我在设备工具栏之外调整浏览器大小时，媒体查询将不再起作用。我在Chrome和Firefox上都试过这个。
我过早地让我的网站上线，看看问题是否会在现场仍然存在，问题仍然存在。有没有人遇到过这个？
Lakhan Production是网址。我非常感谢任何反馈和见解。先感谢您。
答案 0 :(得分：1)
在媒体查询中，您使用了min-device-width和max-device-width：设备宽度测量设备（手机，平板电脑等），而不是浏览器窗口。这就是你描述的原因。 Chrome的移动开发者模式显然也模仿了这种设备。
我宁愿使用min-width和max-width代替min-device-width和max-device-width