Javascript 对不使用';不支持CSS媒体查询

Javascript 对不使用';不支持CSS媒体查询,javascript,css,responsive-design,media-queries,respond.js,Javascript,Css,Responsive Design,Media Queries,Respond.js,我正在做一个项目,我一直在研究通过使用媒体查询来响应版面的各种方法。我一直在考虑的一件事是不支持它们的浏览器,特别是InternetExplorer版本5.5-8(),并使用Javascript作为后备方法,使用或等选项 我不想知道这两种方法中哪一种是最好的,但我怀疑使用它们的必要性有多大 我现在看到的情况是,如果你使用的是手持设备(手机或平板电脑),你很可能使用的是支持媒体查询的浏览器,因为我可以想象,这些设备中的大多数浏览器都是现代的,并且都是为媒体查询而设计的。因此,如果用户在旧IE浏览器

我正在做一个项目,我一直在研究通过使用媒体查询来响应版面的各种方法。我一直在考虑的一件事是不支持它们的浏览器,特别是InternetExplorer版本5.5-8(),并使用Javascript作为后备方法,使用或等选项

我不想知道这两种方法中哪一种是最好的,但我怀疑使用它们的必要性有多大

我现在看到的情况是,如果你使用的是手持设备(手机或平板电脑),你很可能使用的是支持媒体查询的浏览器,因为我可以想象,这些设备中的大多数浏览器都是现代的,并且都是为媒体查询而设计的。因此,如果用户在旧IE浏览器中查看网站,则很可能是在带有(理论上)桌面大小显示器的台式计算机上。这意味着他们无论如何都会看到css文件的基本网格默认值。这让我觉得,不可能有巨大的需要去尝试和支持某个人,不管出于什么原因,他有一个旧版本的IE,有一个手持式大小的屏幕

但同时,必须需要这些Javascript文件,否则它们就不会被这么多网站使用。我认为需要它们的唯一原因是不读取媒体查询的浏览器,它们在尝试读取媒体查询时可能会导致问题,并在布局中抛出错误或不一致


我只是想知道是否有人可以解释一下,并帮助我更好地理解为什么应该使用它们,我没有放弃使用它们的想法,我只是不认为有必要,但可能是因为我遗漏了一些东西。

就我个人而言,我从未尝试在不支持mediaquery的浏览器中复制它。如果我不得不在一个有mediaqueries的站点上支持非css3浏览器,我总是通过css条件注释来固定非css3版本的宽度,因为正如你所说,手机或平板电脑可能有支持

然而,媒体查询不仅有助于创建移动友好型设计,而且也有助于为1200px甚至1600px宽的显示器制作流畅的设计,但仍然需要在1024px屏幕上使用。在本例中,旧浏览器更可能在较小的屏幕上运行,因此媒体查询将非常有用。在本例中,这些库中的一个将非常有用


希望能有所帮助。

我为《财富》100强的客户建立了很多网站。在大多数情况下,我们不使用这些js插件。这实际上取决于几件事:

  • 您是先构建css mobile还是先构建桌面?如果先移动,IE8及以下版本将看到移动视图(这不是最佳视图)。如果您先构建桌面,他们会看到桌面视图
  • 你能支持多少有趣的东西?大多数客户希望它在ie8中工作,但仅此而已。大多数人都完全放弃了ie7及以下版本。在ie8中,一般的网站并不完美。只要最终用户能够获得内容,这通常就是ie8的全部内容。但有些客户可能完全不同意
  • 你是否有令人信服的理由使用它或避免它?这通常是最重要的一个。在ie8中打开该站点,如果没有媒体查询会完全破坏它,请使用respond.js尝试一下,看看它是什么样子
  • 包含它非常简单,如果使用条件语句,它甚至不会被加载到更新的浏览器上

    <!--[if lt IE 9]>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
    <!-- <![endif] -->
    
    
    
    基本上,只是在每个网站的基础上看它。如果有用,就用它。如果没有,忽略它