我的样式表有问题。一个用于桌面，另一个用于移动设备。当我在移动设备上时，我看到样式表已加载到网络选项卡中。
这是代码：
桌面：
<link rel="stylesheet" href="app__desktop.css" type="text/css" media="screen and (min-width: 1024px)">
移动：
<link rel="stylesheet" href="app__mobile.css" type="text/css" media="all">
知道吗？
对于不匹配的媒体查询样式表，浏览器应用最低的下载优先级。
发生这种情况是因为用户可以调整窗口大小、打印文档，甚至切换分辨率(如果他们设置了多个屏幕(，并且他们应该为此使用不同的样式表，即使媒体查询不匹配也是如此。