8

我仍然在这里看到与为 IE8 或上帝保佑 IE7 进行响应式设计有关的问题。

由于缺乏对 Windows 相关设备的了解,我的直接想法是,由于今天仍然运行 IE8 的移动设备数量微不足道,因此不值得为 IE8 实施响应式设计。如果 IE8 剩余浏览器份额的 95% 以上是仅在具有安全假定的 1024+ 屏幕宽度的桌面上运行。

如果数量仍然相关,哪个移动平台仍然使用 IE8 浏览器,这将需要或证明对它们的响应式设计方法是必要的。请分享有用的相关链接。

PS:上下文仅使用标准模式,不包括在兼容性视图或怪癖模式下使用IE。

4

3 回答 3

6

因此,经过调查,我将用一些我正在寻找的相关统计数据来回答我自己的问题:

据我所知,没有已知的活动平板电脑或手机使用 IE8。事件最早的Windows Phones使用IE9引擎。因此,不包括笔记本电脑,“智能”移动设备不使用 IE8。

根据 w3counter、statcounter 和 3 个客户端站点的分析,2013 年 3 月 IE8 浏览器份额(基于美国站点)在 5% 到 11% 之间。平均 8%。

根据我研究的 3 个不同的美国网站,今天使用 800x600 像素或更小的屏幕分辨率的 IE8 用户数量占 IE8 用户群总数的 0.6% 到 1%。与 Jakob Nielsen 去年观察到的趋势一致,即“台式机和笔记本电脑的小屏幕越来越少”下降到 1% 的水平:http ://www.nngroup.com/articles/computer-screens-getting-bigger /

截至今天,这带来了屏幕尺寸为 800x600 或更小的 IE8 用户的平均预期约为 0.05%,如果包括 IE7,则最高为 0.1%;根据 ie6countdown.com 的数据,这低于美国 IE6 的整体使用率,为 0.2%

因此,为了 IE7 和 IE8 用户,IE9 以下的响应式设计兼容性要求只有在不需要任何后续努力的情况下才值得。

如果包含媒体查询 polyfill 或使用 Bootstrap 使其立即工作,那就太好了。但绝对不值得多花几个小时来处理大量潜在的错误(谷歌搜索“bootstrap ie8”就说明了这一点),就像不再值得让网站完全兼容 IE6 一样。

只要该网站在 IE8 中使用固定设计工作,这可能更容易实现,而不是试图痛苦地使其对 IE8/IE7 做出响应,到今天为止就足够了。

于 2013-04-23T05:33:25.380 回答
0

我会的,但只是勉强。我不知道数字是多少,但我敢肯定仍然有相当多的笔记本电脑在野外仍然运行 Windows XP 和/或使用 IE7/8。让媒体查询与旧 IE 一起工作的问题的一个简单解决方案是css3-mediaqueries.js。这是一个使媒体查询适用于所有浏览器的 polyfill。您可以使用条件注释将其包含在您的网站中。

于 2013-04-23T00:27:38.740 回答
0

简短回答:取决于您的要求

长答案:当我阅读了很多关于响应式设计以及评论中提到的两本书时。我会这样回答你的问题。响应式设计(在我的理解中)基本上与移动本身无关。它实际上更像是您的页面“响应”您的用户/客户用来浏览您的页面的内容。我知道其中一些方面在互联网背后的理念中有着非常深厚的根源,比如信息交换。盲人也应该得到一个可访问的网络,即使这与 CSS 无关,它仍然与响应式网络有关我的意见。

所以这个问题应该更像是——当涉及到响应式网站时,我们应该在多大程度上适应——而且可能没有真正的答案。从一个新的响应式(移动优先)网页开始的最好方法——如果我没记错的话——是构建一个页面,该页面可以在您可能支持的最差功能集下以尽可能低的分辨率工作。在您的情况下,我会在 320x240 屏幕上说 IE8(哇哦.. 另一个问题.. 对于 2015 年显示分辨率为 320x240 的手机而言,响应式设计的范围值得考虑,例如)。在超级书呆子粉丝博客的情况下,最低功能集可能是仅支持文本的终端(就像过去的美好时光;)-CSS?那是什么?跨外壳脚本?!Whahoo..).. 虽然花哨的 html5 视频页面也可能根本不需要使用 IE,因为没有剪辑路径,而您的设计完全依赖于此.. 还有连接方面,例如离线网站/不同的速度这可能会起作用。所以响应式设计不仅是我要说的前端,而且也是后端。例如,当没有有效的 http 标头时,uber nerd fanblog http 守护进程发送纯文本,不包含任何代码/标记。

很高兴您已经回答了您的问题并意识到这一切都取决于您的用户群/要求。

这并不是对操作问题的回答,而是对访问者的提示。

@chriz “尽管响应式设计确实针对移动设备。” - 不这么认为.. 几周前,我不得不为 4k+ 智能电视调整我的 css.. 如果您考虑当前的最佳实践,即移动优先逐步增强.. 大多数响应式设计都会在您启动时启动重新获得更多的显示空间并使用在小型移动屏幕上不起作用的东西来增强您的页面.. 响应式设计是让这些移动设备尝试使用所有具有放大/缩小功能的糟糕桌面页面以及所有这些失望的结果不工作的东西..

于 2015-02-10T22:38:55.090 回答