当屏幕宽度为768px时，为什么我的CSS样式表的html链接不起作用？

Question

这是我的HTML链接：

<link rel="stylesheet" href="stylesheet/main.css" />
<link rel="stylesheet" href="stylesheet/style.css" media="(min-width: 768px)" >
<link rel="stylesheet" href="stylesheet/mobile.css" media="(max-width: 768px)" type="text/css" />

遗憾的是，当屏幕宽度为768px（iPad）时，移动CSS样式表没有加载，为什么？

Answer 1

实际上＆＃34; style.css＆＃34;和＃34; media.css＆＃34;将加载stysheets，因为如果屏幕正好是768px宽，则两个规则都适用（768是一个的最大值和另一个的最小值）。

因此，混乱可能来自两者的不必要的组合。

我将＆＃34; style.css的规则更改为min-width：769px`