Javascript 引导媒体查询应该保存在css文件还是js文件中？

我正在使用媒体查询来调整屏幕大小，我需要帮助将文件嵌入到我的HTML文档中。那么，帮帮忙

<link rel="stylesheet" href="style.css" /> //This?
<script src="style.js"></script> //Or This?

---

显然，您必须只在css文件中使用。因为媒体查询是CSS。

将style.js CSS媒体代码移动到style.CSS中 CSS媒体查询是.CSS扩展文件的一部分。您不应该将其放置在.css以外的其他扩展名中 现在有了一个css的预处理工具，比如.less、.sass、.scss，您也可以在这些扩展文件中使用它们

<link rel="stylesheet" href="style.css" />

---

如前所述，媒体查询必须放入css文件中

例如，对于响应性设计的样式a div元素：

@media (max-width: 700px){

    div{
      //For smartphone
    }
}
@media ( min-width: 701px and max-width: 900px{

    div{
        //For tablet
    }
}
@media ( min-width: 901px and max-width: 1200px{
    div{
        //For small destop
    }
}
@media ( min-width: 1201px){
    div{
        //For large desktop
    }
}

---

媒体查询是css，所以您必须在style.css文件中使用它。您好，您必须在css文件中添加媒体查询，因为在媒体查询中我们将编写css。媒体查询示例@media only screen和max width:500px{body{background color:lightblue；}}}我们将在css文件中编写此代码，当屏幕大小小于500px时，此媒体查询将生效。谢谢