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

2019独角兽企业重金招聘Python工程师标准>>>

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

1. 实现所有浏览器主页居中：

   1. FireFox    .box{ margin:0px auto;}

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

   3. 将以上代码合并

2. 单行文本上下居中（垂直对齐）

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

3. IE6下，左右maigin会加倍

   1. 使用 display：inline；    //将块元素转化成行内元素

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

---

CSS HACK

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

    针对不同浏览器，有如下符号：

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

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

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

    注意：CSSHACK不是W3C标准，尽量少用。

转载于:https://my.oschina.net/vhacker/blog/538556