从2013年起,IE8的响应式设计范围是否值得考虑?

时间:2013-04-22 23:38:17

标签: css internet-explorer-8 responsive-design polyfills

我仍然在这里看到有关为IE8做出响应式设计工作或上帝禁止IE7的问题。

由于缺乏对Windows相关设备的了解,我立即想到,由于今天仍然运行IE8的移动设备数量微不足道,因此不值得为IE8实施响应式设计。对于这个特定的浏览器,只需将网站保留为静态1024x768,因为如果IE8的剩余浏览器份额超过95%,那么响应式设计几乎没有理由,需要额外的痛苦工作以及媒体查询polyfill的限制。仅在安全假设1024+屏幕宽度的桌面上运行。

如果音量仍然相关,哪个移动平台仍然使用IE8浏览器,则需要或证明其响应式设计方法的合理性。请分享有用的相关链接。

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

3 个答案:

答案 0 :(得分:6)

所以经过调查,我将回答我自己的问题,并提供一些我正在寻找的相关统计数据:

据我所知,没有已知的有源平板电脑或手机使用IE8。事件最早的Windows Phone使用IE9引擎。因此,除了笔记本电脑,IE8并未被“智能”移动设备使用。

根据来自3个客户站点的w3counter,statcounter和analytics,2013年3月,基于美国站点的IE8浏览器份额介于5%和11%之间。平均为8%。

根据我研究的3个不同的美国网站,目前使用800x600像素或更低屏幕分辨率的IE8用户数量占IE8总用户数的0.6%至1%。与雅各布尼尔森去年观察到的趋势一致,“桌面和笔记本电脑的小屏幕变得越来越罕见”降至1%的水平:http://www.nngroup.com/articles/computer-screens-getting-bigger/

截至今天,平均预期屏幕尺寸为800x600或更低的整体IE8用户大约为0.05%,如果我们包含IE7,则最高为0.1%;根据ie6countdown.com

,其低于美国整体IE6使用率,为0.2%

因此,IE9和IE8用户之下的IE9响应式设计兼容性要求仅在不需要任何后续工作的情况下才值得。

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

只要网站在IE8中使用固定设计,这可能更容易实现,而不是试图让它对IE8 / IE7做出响应,这对今天来说已经足够了。

答案 1 :(得分:0)

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

答案 2 :(得分:0)

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

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

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

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

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

@chriz“即使响应式设计真正针对移动设备。” - 不要这么认为......几个星期前我不得不调整我的css仅适用于4k +智能电视..如果你考虑当前的最佳实践,移动优先逐步增强..大多数响应设计在你'时就开始了重新获得更多的显示空间并使用不适用于小型移动屏幕的内容增强您的页面。响应式设计是因为这些移动设备试图使用所有那些蹩脚的桌面页面放大/缩小所有这些令人失望的不工作..