前端兼容性

• 前端兼容性

前端兼容性

CSS方面

随着现在web的发展，大部分浏览器厂商已经做好了兼容性。对开发人员来讲，不用刻意去关注某个样式的兼容写法，而是尽量在开发过程中，遵循一些规范来避免遇到这些css兼容问题。

1. 居中问题,使用

   margin: 0 auto
   

2. ul标签在FF中默认是有 padding值的，而在IE中只有margin有值，先定义：

   ul {margin:0;padding:0;}
   

3. 尽量使用padding，慎用margin

4. 使用较全面的css hack，如box-shadow、opacity、…

js方面

1. 事件对象

   evt = evt || window.event;
   

2. 网页可视区域

   window.innerHeight || document.documentElement.clientHeight
   window.innerWidth || document.documentElement.clientWidth
   

3. 阻止默认行为

   evt.preventDefault()?evt.preventDefault():evt.returnValue = false;