对不支持CSS媒体查询的浏览器使用Javascript

Question

我正在开发一个项目，并且我一直在使用媒体查询研究响应式布局的各种方法。我一直在考虑的许多事情之一是不支持它们的浏览器，尤其是Internet Explorer版本5.5-8（source），并且使用Javascript作为备选方法，其中包括css3-mediaqueries.js或respond.js等选项。

我并不是想知道哪一个最好从两者中使用，而是质疑甚至使用它们的必要性有多大。

我现在看到的方式是，如果您使用的是手持设备（移动设备或平板电脑），则很可能使用支持媒体查询的浏览器，因为我可以想象，其中大多数设备浏览器是现代的，并且考虑到媒体查询。因此，如果用户在旧IE浏览器中查看网站，则很可能会在桌面计算机上（理论上）使用桌面大小的显示器。这意味着他们无论如何都会看到css文件的基本网格默认值。这让我觉得不需要尝试和支持某人，因为某种原因，他有一个手持大小屏幕的旧版IE。

但是与此同时，必须有这些Javascript文件的需要，否则他们不会被这么多网站使用。我可以看到他们需要的唯一原因是没有阅读媒体查询的浏览器，他们可能会在尝试阅读媒体查询时引发问题，并在布局中引发错误或不一致。

我只是想知道是否有人可以对此有所了解，并帮助我更好地理解为什么他们应该使用，我没有关闭使用它们的想法我只是看不到需要，但这可能是因为我错过了一些东西。

Answer 1

就我个人而言，我从来没有试图在不支持它的浏览器中复制mediaquery。如果我不得不在一个包含媒体查询的网站上支持非css3浏览器，我总是通过CSS条件注释修正非css3版本的宽度，因为正如你所说，手机或平板电脑很可能会有支持。

但是，媒体查询不仅有助于创建适用于移动设备的设计，而且流动设计可能适用于1200像素或甚至1600像素宽的显示器，但仍需要在1024像素的屏幕上工作。在这个例子中，旧的浏览器更可能在较小的屏幕上运行，因此媒体查询将非常有用。在这个例子中，这些库中的一个会很有用。

希望有所帮助。

Answer 2

我为财富100强的客户建立了很多网站。大多数情况下，我们不使用这些js插件。这真的取决于几件事情：

1. 你是先建立你的css手机还是桌面？如果首先移动，IE8及以下版本将会看到移动视图（这不是最佳的）。如果你先建立桌面，他们会看到桌面视图。
2. 你可以支持多少funkiness？大多数客户希望它在ie8中工作，但这就是它。大多数人都完全放弃ie7及以下版本。 ie8中的平均网站并不完美。只要最终用户能够获得内容，那通常与ie8有关。有些客户可能完全不同意。
3. 您是否有充分的理由使用它或避免它？这通常是最重要的一个。在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] --> 

基本上，只是看看它在每个网站的基础上。如果有帮助，请使用它。如果没有，请忽略它。