主页/ 电商学院/网站开发/浏览器兼容问题解决方案

浏览器兼容问题解决方案

归类:网站开发
马上,便是新的一年,故在此总结下平时工作中遇到的问题以及我的解决的方法。祝大家新年快乐~
我在编写代码的过程中,发现经常会遇到很多重复的效果,或者是相同的布局,想到为了加快编写速度,我会把经常用到的布局或者效果用文本保存下来,下次遇到相同效果的时候,直接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;
等等,当熟悉各个浏览器之间的差异时,制作出来的页面基本上就能兼容各个浏览器了。
在业余时间也有去学习新的专业知识,拓展知识面,学习更多的网友开发动态效果,在制作网站时,把新学的技术加入到页面中,页面就变得有趣炫酷多了。
希望下一步通过努力,我可以按时完成项目,并且确保在各个浏览器的兼容性。掌握静态页面切图,学习,不断提高专业知识,使得制作出来的页面更加完善,加入更多的新技术。
总结今年的工作,我获益颇多,专业知识,工作方法,可以独立高效的完成部门安排的工作。同时我也发现,有待学习和提高的内容还很多,关于前端,关于性能优化,关于用户体验,我还有太多需要学习和提高的。将从前的代码与现在的代码进行比较也看出了显著的进步,代码更加简洁优化,易读性也更好,规范性也有提高,接下来希望通过自己的努力在工作上有更大的突破。
0 喜欢
520 浏览数

优加商学院

APP开发微信小程序开发网站开发
您好,直接联系技术沟通需求
扫码添加我的微信,直谈需求
非工作时间技术回复慢请谅解
咨询更详细需求
提交信息后我们会第一时间与你取得联系,请大致把需求填写在"咨询内容"里。
姓名
手机
咨询内容
立即提交