CSShack

一般多个浏览器的兼容性做测试的时候,建议安装Xp的虚拟机。或者用github里的f2etest可以再搭建公司内部后直接设置浏览器条件
一般情况下,用自己的浏览器可以完美允许但是 如果放在版本比较低的浏览器上,会有些效果运行不了,不能正常显示,解决浏览器的兼容,写csshak。针对一些浏览器的bug,写hak,实现兼容性。
实现兼容性的方法:1、写在html里的条件注释。条件注释是如果是在IE6的浏览器下,会显示“那就展示这句话”
如果不是在IE的浏览器下,会显示“那就展示这句话”
一般为提升网页的可读性,会添加注释本身再网页客户端是不显示的,或者/这是注释/
2、写在css里的css hack,让网页兼容不同的浏览器,css hack的母的就是使css代码兼容不同的浏览器。一般页面上只需要记住IE6,IE7,IE6,7这三种即可。
IE6的hack写法是_例如p{color:blue;_color:blue;}同时写上hack和正常内容;ie6可以读取,但是7就不行了。
IE6,7的hack是,例如p{min-height:100px;height:100px;}由于min-height不兼容6,7。li{display:inline-block;*display:inline;}inline-block,不支持6,7,进行相应设置即可。
根据缩写的页面份额,面对对象的组成,看看兼容有没有必要。
优雅降级:开发页面的时候不用考虑兼容性,再完成之后,某些低版本浏览器兼容不了,也可以,

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,806评论 1 92
  • 一、如何调试 IE 浏览器? 在IE7以上的版本中可以通过按快捷键F12调出开发人员调试框,如下图IE7以上调试工...
    dengpan阅读 564评论 0 2
  • •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ...
    Simon_s阅读 2,228评论 0 8
  • 那一天 偶然中多看了你一眼 自此以后 荒凉的心墙满铺阳光 微笑也在不经意间 随着心魔喋喋不休 无数种幻想曲演奏 连...
    陈列园子阅读 192评论 0 1
  • 人都说七年之痒,是因为七年的时间,是可以彻底忘记一个人的。 科学家说不管有多么深刻的伤痛,只需七年都会痊愈,因为七...
    chen尘晨阅读 630评论 0 0