关于html引用文件无效。

Question

<link rel="stylesheet" type="text/css" media="screen and (min-width:900px) and (max-device-width:1920px)" href="css/publicStyle1920.css" media="all"/>

因为项目做的是一个需要在不同的分辨率和电脑屏幕大小下执行的功能，所以我开始是在每个html里添加了如下图所示

然后开始调兼容，刚开始是没发现，后来因为需要每个浏览器都看一下，后来发现了个纳闷的事情，如图：

这个就是没有引入css文件的结果，麻烦请注意下，当前浏览器的比例视觉是100%的。

当我试着把比例调为小一号的时候，样式就出现了，如图：

同时，也能看到样式区，是可以看到选择的css样式文件是哪个：

后来，我替换掉原来head里引用的东西，替换成了

<link rel="stylesheet" type="text/css" media="screen and (min-width:900px) and (max-device-width:1920px)" href="css/publicStyle1920.css" media="all"/>

结果显示出来的东西，即使在100%以下或者以上的浏览器中，显示的都是正常的：

以上说明的都是在1920*1080的分辨率下进行的，就是默认为的1920的宽。但是如果按照最后的这个测试做的话，也就是在其他的分辨率的默认宽下，都会出现样式错乱的情况，而且还不能改css（因为最后的那个引用，只有一个文件，改了其他的也会变动的），跪求大腿想一想怎么弄？ 注明：@media 媒介之外的方法

Answer 1

你要先看看在不同分辨率下不加link页面是否显示的是对的，先找到到底是这个css有问题，还是页面本身就有问题，问题找到了在想办法解决