0

我正在做一个项目，我一直在研究通过使用媒体查询来响应式布局的各种方法。我一直在考虑的许多事情之一是不支持它们的浏览器，尤其是 Internet Explorer 版本 5.5 - 8（源代码），并使用 Javascript 作为带有css3-mediaqueries.js或响应等选项的后备方法。 js。

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

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

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

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

4

2 回答 2

0

就个人而言，我从未尝试在不支持它的浏览器中复制媒体查询。如果我不得不在具有媒体查询的网站上支持非 CSS3 浏览器，我总是通过 CSS 条件注释固定非 CSS3 版本的宽度，因为正如你所说，手机或平板电脑很有可能得到支持。

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

希望有帮助。

于 2013-03-04T17:37:16.680 回答
0

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

  1. 您是先构建 css 移动版还是桌面版？如果移动优先，IE8 及更低版本将看到移动视图（这不是最佳的）。如果您先构建桌面，他们会看到桌面视图。
  2. 你能支持多少时髦度？大多数客户希望它在 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] -->

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

于 2015-09-28T20:45:26.390 回答