Google chrome Chrome开发工具支持媒体查询，但浏览器不支持'；T
我在css文件集中有媒体查询，从0-500px到501-1250px，依此类推 当我在“仿真”选项卡中选中“仿真手机”时，我的CSS断点在Chrome开发者工具的屏幕模拟器中工作得非常好。如果未选中该选项，或者我在浏览器中查看它时没有打开开发工具，则它不支持断点 断点在Firefox的“响应式设计模式”中也可以正常工作，但在我关闭开发工具时，在常规浏览器中就不行了 我不知道如何最好地问这个问题——有可能让这些样式在常规浏览器中工作吗 下面是我的屏幕上演示问题的视频：Google chrome Chrome开发工具支持媒体查询，但浏览器不支持'；T,google-chrome,responsive-design,developer-tools,Google Chrome,Responsive Design,Developer Tools,我在css文件集中有媒体查询，从0-500px到501-1250px，依此类推 当我在“仿真”选项卡中选中“仿真手机”时，我的CSS断点在Chrome开发者工具的屏幕模拟器中工作得非常好。如果未选中该选项，或者我在浏览器中查看它时没有打开开发工具，则它不支持断点 断点在Firefox的“响应式设计模式”中也可以正常工作，但在我关闭开发工具时，在常规浏览器中就不行了 我不知道如何最好地问这个问题——有可能让这些样式在常规浏览器中工作吗 下面是我的屏幕上演示问题的视频： 看了视频后，媒体查询看起来像
看了视频后，媒体查询看起来像是问题所在。您正在检查设备宽度，浏览器将其视为屏幕的全尺寸，而不是浏览器的宽度 试着这样写：
@media all and (min-width: 1251px) and (max-width: 2600px) {
*/ code here /*
}
min widthmin device width我建议您也阅读一下这些：并进一步了解它们是如何工作的。看了您的视频后，媒体查询看起来像是一个问题。您正在检查设备宽度，浏览器将其视为屏幕的全尺寸，而不是浏览器的宽度 试着这样写：
@media all and (min-width: 1251px) and (max-width: 2600px) {
*/ code here /*
}
min widthmin device width我建议您也阅读一下这些：并进一步了解它们的工作原理。您是如何编写它们的？您是否正在检查屏幕等，或者只是写入
@media all and（最大宽度：500px；）@media all and（最大宽度：500px；）