首页 » 网站建设 »

网页兼容IE7和IE8的技巧

2015年6月14日 / 50次阅读
HTML

打开支付宝首页,搜索“529018372”,即可领取红包!可重复领。

特色图片

目前市场上还有很多XP的系统,而XP系统默认的是IE8浏览器。从网上下载的Win7系统,里面带IE浏览器的也是IE8。麦新杰通过网站访问统计查看终端浏览器统计,通过IE8来的访问也不少,甚至还有不少IE7浏览器过来的流量。因此,我们有必要让自己的网站在IE7和IE8上都正常显示。

 

下面两张截图是云上小悟独立博客近30天通过IE7和IE8过来的访问流量的统计数:

百度近30天统计IE7和IE8的访问数量

百度近30天统计IE7和IE8的访问数量

 

CNZZ统计近30天来自IE7和IE8的访问数量

CNZZ统计近30天来自IE7和IE8的访问数量

IE7和IE8过来的流量接近总流量的10%。

 

这里需要说明一下,我们说网页兼容IE7和IE8,仅仅是指PC端页面的支持,移动端不需要做这些方面的考虑,因为移动端的浏览器都比较新,对HTML5的支持都比较到位。

 

兼容IE7和IE8网页改造的具体实践:

1, 去掉article,aside,footer,nav等等HTML5的新元素,全部使用最原始的div;

2, 不要使用CSS中的inline-block来并列显示某些区域,使用float:left加float:right,并注意使用clear:both;

That's it,还是蛮简单的。

我的实践经验可以不过全面,这跟你的网站页面本身的设计有关系,多多测试验证即可,原则就一条:不要去使用新鲜的网页技术。

 

调试网页兼容IE7和IE8的技巧:

在做网页兼容性改造的时候,自己要多测试。在IE8浏览器模式下,按F12可以出现类似于Google浏览器的调试界面,在这个界面上可以切换IE的版本,测试非常方便。如下图:

调试网页兼容IE7和IE8图示

调试网页兼容IE7和IE8图示

 

为什么不用响应式布局?

有人说应该使用响应式的布局,这里多说几句。

响应式的布局的问题几乎都在兼容性方面,不仅低版本的IE7和IE8兼容性很差,就连现在很多高版本的浏览器,在兼容性方面也有很多不同的差异,这对于商业环境的开发来说,是一个硬伤,是绝对需要规避的。

 

最后,改造完之后,别忘了再给自己的网页做一次HTML验证

本文链接:http://www.maixj.net/wz/wangyejianrong-ie8-6636
云上小悟 麦新杰(QQ:1093023102)

相关文章

评论是美德

无力满足评论实名制,评论对非实名注册用户关闭,有事QQ:1093023102.


前一篇:
后一篇:

栏目精选

云上小悟,麦新杰的独立博客

Ctrl+D 收藏本页

栏目

AD

ppdai

©Copyright 麦新杰 Since 2014 云上小悟独立博客版权所有 备案号:苏ICP备14045477号-1。云上小悟网站部分内容来源于网络,转载目的是为了整合信息,收藏学习,服务大家,有些转载内容也难以判断是否有侵权问题,如果侵犯了您的权益,请及时联系站长,我会立即删除。

网站二维码
go to top