屏幕一定宽度时的具体CSS文件

Question

我想组织我的代码，以便更容易阅读并将某些设备的样式放在单独的文件中，如下所示：

<link rel="stylesheet" media="screen and (max-width: 599px)" href="assets\css\phone-main.css">
<link rel="stylesheet" media="screen and (min-width: 600px)" href="assets\css\tablet-main.css">
<link rel="stylesheet" media="screen and (min-width: 1000px)" href="assets\css\pc-main.css">

但是我遇到的问题是它不起作用，我做得对还是需要重写一下？

Answer 1

祝你有美好的一天！

我想说的是，无论你的文件是否是本地的，你都应该在 HTML 中使用

/

（前斜杠）来表示

src

或

href

属性；如果您的文件是本地的，那么浏览器会自动将

/

转换为

\

。

只需将反斜杠更改为前斜杠即可。