浏览器的兼容性问题

     我们在写网页时,经常会碰到这样的问题,相同的代码在不同的网页打开不同,给我们造成了很大的困扰,我总结了网页兼容性的几大方面.

    一、margin与padding：

            有些标签中有默认的margin和padding属性值,如body中就有,造成样式的改变.

             解决:统一取消这些标签的默认margin值和padding值,如果有需要,再手动添加上属性值,达到统一的效果.

    二、居中布局显示:

            IE6的居中布局可以用其父元素的text-align:center属性及属性值实现,也可以用margin:0px auto实现

    三、元素高度 内容显示:

           在页面中,元素的默认高度是14px,当设置的高度小于文字内容的高度时,IE6重新设置高度,高度大于等于其文本值.

其它浏览器则高度还是原来设置的,多出来的内容显示在边框外.

    四、子元素设置外边距时,显示在父元素的外边距上.

           解决:直接设置父元素的padding属性即可,或者让父元素有一个边框.

   五、其它:

          有些属性因为浏览器不兼容,要给其加上前缀才可以使用.

          Chorm、Safari浏览器的前缀是:-webkit-属性

          firefox浏览器的前缀是:-moz-属性

         如在实现动画效果的属性:perspective等.