您的位置:首页 > Web前端 > CSS

浏览器常用兼容性调试技巧

2015-12-02 00:00 316 查看
摘要: 浏览器常用兼容性调试技巧,CSSHACK

浏览器常用兼容性调试技巧

实现所有浏览器主页居中:

FireFox .box{ margin:0px auto;}

IE5.5 .body{ text-align:center;}

将以上代码合并

单行文本上下居中(垂直对齐)

h1{ height:30px; line-height:30px;}

IE6下,左右maigin会加倍

使用 display:inline; //将块元素转化成行内元素

排版时,能用padding解决的问题最好不使用margin,若使用margin,只使用其中一边

CSS HACK

针对不同浏览器,书写不同的CSS代码的过程,成为“CSS HACK”

针对不同浏览器,有如下符号:

在CSS属性前面加,用于分辨不同的浏览器版本

"*"IE6和cIE7 识别,如:.box{ *background-color:red;}

"_"IE6识别 如:.box{ _baskground-color:red}

注意:CSSHACK不是W3C标准,尽量少用。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息