浏览器兼容问题解决方案

马上，便是新的一年，故在此总结下平时工作中遇到的问题以及我的解决的方法。祝大家新年快乐~
我在编写代码的过程中，发现经常会遇到很多重复的效果，或者是相同的布局，想到为了加快编写速度，我会把经常用到的布局或者效果用文本保存下来，下次遇到相同效果的时候，直接copy稍稍改下便可了，这大大提高了编写速度。
作为前端开发人员，遇到最多的问题便是浏览器的兼容了。最开始对每个浏览器的差异不太了解，做出来的页面大多要去调制兼容，会浪费太多的事件，而现在一个页面完成，在其他浏览器中打开的时候，基本是没有差异的。比较常见的就是：
css透明的问题，非IE浏览器可以直接写成opacity:0.6，而IE浏览器需要写成filter:Alpha(opacity=60);
IE的双边距bug，设置为float的div在ie下设置的margin会加倍。
解决方案：在这个div里面加上display:inline; 
IE与宽度和高度的问题 IE 不认得min-这个定义，但实际上它把正常的width和height当作有min的情况来使。如果只用宽度和高度，正常的浏览器里这两个值就不会变，如果只用min-width和min-height的话，IE下面根本等于没有设置宽度和高度。
DIV浮动IE文本产生3象素的bug    左边对象浮动，右边采用外补丁的左边距来定位，右边对象内的文本会离左边有3px的间距.
解决方案：加上margin-right:-3px;
等等，当熟悉各个浏览器之间的差异时，制作出来的页面基本上就能兼容各个浏览器了。
在业余时间也有去学习新的专业知识，拓展知识面，学习更多的网友开发动态效果，在制作网站时，把新学的技术加入到页面中，页面就变得有趣炫酷多了。
希望下一步通过努力，我可以按时完成项目，并且确保在各个浏览器的兼容性。掌握静态页面切图，学习，不断提高专业知识，使得制作出来的页面更加完善，加入更多的新技术。
总结今年的工作，我获益颇多，专业知识，工作方法，可以独立高效的完成部门安排的工作。同时我也发现，有待学习和提高的内容还很多，关于前端，关于性能优化，关于用户体验，我还有太多需要学习和提高的。将从前的代码与现在的代码进行比较也看出了显著的进步，代码更加简洁优化，易读性也更好，规范性也有提高，接下来希望通过自己的努力在工作上有更大的突破。