如何通过jQuery在PC和手机上加载CSS？

我有2个CSS文件：

• data.css用于PC
• mobile.css用于移动

---

如何使用jQuery在PC上加载data.css，在手机上加载mobile.css？

这是一篇很好的文章，介绍了您到底需要什么，请看一看

---

您必须使用“窗口”检查屏幕大小，如下所示

if ( $(window).width() > 739) {     
  //Add your css file for large screens here
}
else {
  //Add your css file for small screens here
}

注意：根据需要更改宽度值（739）

但是我建议您编写媒体查询，而不是使用两个不同的文件

使用它来检测

代理

：

或检测

窗口宽度

：

JS:

$('#myStyle').attr('href','mobile.css');

---

你可以不用jquery来做这件事，而是在css中使用@media，如果我是你，我不会在jquery中做这件事。您可以完整地使用CSS。@PrajwalCPradeep如果这解决了您的问题，请接受答案并投赞成票。欢迎光临。

if ($(window).width() < 960) {
   $('link[rel="stylesheet"]').attr('href','mobile.css');
}
else {
   $('link[rel="stylesheet"]').attr('href','data.css');
}

<link rel="stylesheet" id="myStyle" type="text/css" href="path/to/file">

$('#myStyle').attr('href','mobile.css');