CSS媒体查询在Firefox和Chrome中无法在DPI扩展的断点处工作

我对CSS媒体查询在“边界线”案例中无法正常工作存在问题。下面是另一个线程（）中列出的示例代码，该线程演示了该问题。Internet Explorer和Edge都能正确使用此示例代码

屏幕宽度为641px时，示例页面显示：
Firefox:配置文件“Chrome:平板电脑配置文件”

当屏幕宽度991px时，示例页面显示：
Firefox:配置文件“Chrome:配置文件”

设备配置文件
@介质（最小宽度：0）和（最大宽度：640像素）{
h1:：在{content:'Phone'；}之前
}
@介质（最小宽度：641px）和（最大宽度：991px）{
h1:：在{content:'Tablet'；}之前
}
@介质（最小宽度：992px）{
h1:：在{content:'Desktop'；}之前
}
轮廓

它在我的mac电脑的两个浏览器中都正常工作……嗯。。。那很有趣。我在一台Windows机器上。我不知道这是否会影响它。嗯，它工作得很好。。尝试清除缓存我刚刚尝试清除缓存，但仍遇到此问题。我现在已经在另外两台机器上试过了（一台是Win 10，另一台是Win 7），但在其他机器上没有问题。因此，无论出于何种原因，我似乎只是在我的华硕笔记本电脑（Win 10）上遇到了问题。我使用的设备和操作系统与你的相同，你的代码对我来说运行良好。