JavaScript或jQuery根据屏幕大小转换css文件

我可以使用以下代码针对所有浏览器：

<link rel="stylesheet" media="screen and (min-device-width: 1024px)" href="large.css"/> 
<link rel='stylesheet' media='screen and (min-width: 1023px) and (max-width: 1025px)' href='medium.css' />
<link rel='stylesheet' media="screen and (min-width: 419px) and (max-width: 1023px)"  href='small.css' />

---

但是媒体查询设计在旧版本的IE上不起作用，所以我和往常一样对浏览器有问题。

使用这个jQuery snipet在BODY标签上设置一个类：

$(document).ready(function(){
  var width = $(window).width();
  var class = 'small';

  if(width > 1024) {
    class = 'large';
  } else if(width > 1023 && width < 1025) {
    class = 'medium';
  }

  $('body').addClass(class);
});

---

等等。

有很多例子，包括一些声称支持媒体查询的例子。

我真的建议使用类似syze的javascript替代方案

---

这不是一个问题。如果您需要研究，请自己做，这不是stackoverflow的目的。它必须是一个html文件，带有多个css，用于不同的屏幕大小

，但媒体查询设计在旧版本的IE上不起作用。你能详细说明一下吗？有错误信息吗？你在哪个版本的IE上运行它，你有没有在上面使用任何broswer调试工具来检查是否有任何客户端脚本错误？任何定义
的信息都不起作用
会有帮助。我需要有人帮我打扫房间。但我们都会失望地生活。给我们展示一些努力，这不是给我脚本/代码的地方@弗朗索瓦·瓦尔——嗯。IE8和更低版本只是不支持媒体查询。需要详细说明什么？为什么会出现错误消息？脚本不起作用，我应该在body标记中写什么？我需要在HEAD中添加jquery链接吗？是的，它使用jquery，所以您需要在HEAD部分加载jquery。在body中调用函数如何？可以给我写jquery链接plsHm吗，当然可以。code.jquery.com/jquery latest.js“>
 body.large p {font-size: 25px};
 body.medium p {font-size: 20px};
 body.small p {font-size: 15px};