如何在调用外部css的代码中进行媒体查询？

Question

我在独立的css文件中设计了一个侧边栏。我只想在手机上申请css文件。

Answer 1

您可以在media代码中添加link属性。

如下所示：

<link rel='stylesheet' media='screen and (min-width: XXXpx) and (max-width: YYYpx)' href='yourCSSFile.css' />

如果要将该css文件导入另一个css文件，可以使用以下命令：

@import "style.css" and (min-width: XXXpx)

请参阅mdn docs