您当前的位置:首页资讯行业信息 电子正文

网站错位、跑偏,如何解决浏览器不兼容问题,源码团简单解决方案!

放大字体  缩小字体 发布日期:2015-08-05 浏览次数:8

 网站不兼容浏览器错位的现象十分常见!

 

市面上浏览器种类很多每个人用的浏览器也不同,常见出错的浏览器多数是IE6 IE7 IE8 IE9 操蛋的IE ,当然不兼容浏览器也不是不可以解决的!

 

源码团小编:今天给大家深入解释一下不兼容浏览器的几种简单解决办法!

 

一、首先认识一下浏览器


IE内核浏览器(IE6、IE7、IE8、360浏览器、QQ浏览器、傲游浏览器)


备注:360浏览器、QQ浏览器、傲游浏览器,因为都是IE内核,所以IE调试好了,他们也就自然搞定了。


标准浏览器(狐火浏览器、Safari浏览器、Opera浏览器、Google浏览器)

 


二、网站错位解决办法:

 

1:如果你电脑上安装的IE版本是IE6 或者IE7 打开网站出现错位的话解决办法!


用 CSS HACK 来改写 CSS 代码

案例:

改写前:xxx. yyy:{width:600px;} (当设为IE7和Firefox下显示正常的600px时,IE6下会错位,改为590px,则IE6下正常,IE7和Firefox下显示不完美)

 

改写后: xxx. yyy{width:600px;* width:600px;_ width:590px;}(Firefox不认识*和_,而IE都认识*,IE7不支持_,IE6支持_)

 

顺序千万不要乱,因为当出现重复定义时,浏览器默认按最后一下渲染,所以一定要先正常,再*,最后_。

 


2:如果你电脑上安装的IE版本是IE8 或者IE9 打开网站出现错位的话解决办法!


用 IE8 IE9 兼容性视图解决

 

 源码团购,网站源码,整站源码,ASP企业,PHP旅游,NET门户,OA源码,JSP人才,外贸网站源码,团购网站源码,国内最大的商业源码提供商!

 

源码团购,网站源码,整站源码,ASP企业,PHP旅游,NET门户,OA源码,JSP人才,外贸网站源码,团购网站源码,国内最大的商业源码提供商!

 


3:网站只在IE7下错位怎么解决呢


在IE6、IE8、OP、FF、Chrome等测试都没有问题,唯有在IE7下错位


<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />


将这个放在meta处就OK了

 

以上几种三种简单办法希望对大家有所帮助,建议大家升级浏览器版本,一个网站不可能全部兼容各种浏览器,挑选市场份额比较多的浏览器进行兼容即可,


源码团所有源码均在IE7 IE8 下正常显示!其他版本浏览器尚未测试!


 

各浏览器调试工具

 

IE的话建议使用IE Developer Tool Bar

 

FF的话当然建议使用Firebug

“如果发现本网站发布的资讯影响到您的版权,可以联系本站!同时欢迎来本站投稿!

0条 [查看全部]  相关评论
?