CSShack

作者: 崔敏嫣 | 来源:发表于2016-07-03 18:26 被阅读0次

一般多个浏览器的兼容性做测试的时候,建议安装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,进行相应设置即可。
根据缩写的页面份额,面对对象的组成,看看兼容有没有必要。
优雅降级:开发页面的时候不用考虑兼容性,再完成之后,某些低版本浏览器兼容不了,也可以,

相关文章

  • CSShack

    一般多个浏览器的兼容性做测试的时候,建议安装Xp的虚拟机。或者用github里的f2etest可以再搭建公司内部后...

  • css hack

    原文来自于: http://www.duitang.com/static/csshack.html css hac...

  • less中使用css hack

    在less中直接使用csshack如:margin-top: -2px\9;会出现编译错误。解决办法是:@ieha...

网友评论

      本文标题:CSShack

      本文链接:https://www.haomeiwen.com/subject/etkcjttx.html