<link rel="stylesheet" href="Styles/mainStyles.css">
<link rel="stylesheet" href="Styles/smStyles.css" media="only screen and (min-width: 768px) and (max-width: 991px)">
<link rel="stylesheet" href="Styles/mdStyles.css" media="only screen and (min-width: 992px) and (max-width: 1269px)">
当浏览器的宽度为990px时,将调用smStyles样式表。在992px时,mdStyles接管。
但是如果宽度为991px,smStyles将不再有效,我的网页将恢复为主干页(使整个页面看起来像一团乱)。
我已经做了几个小时了,我不知道为什么会这样。
如果我在这里遗漏了什么,请告诉我。我正在使用Chrome inspector查看宽度。
(还有,是的,我确实有
<meta name="viewport" content="width=device-width, initial-scale=1">
