懂你所需,做你所想
当前位置:首页 > 新闻中心 > 网站建设 > 浏览器兼容问题解决方案

浏览器兼容问题解决方案

发表日期:2015-02-19文章编辑:方维网络浏览次数:595 标签: 网站建设建设解决方案    

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

新手如何入职网页前...

每年八九月份,都会有大量的毕业生涌入人才市场,盼望找到一份自己满...

日期:2015-02-19 浏览次数:548

浅谈深圳企业网站建设的...

随着科技的发展,网站建设的发展越来越快。企业网站也一样,从以前的...

日期:2015-02-19 浏览次数:523

​平台网站建设,你要做哪些...

随着国家对互联网的重视,金融政策的大力扶持,越来越多的朋友筹划...

日期:2015-02-19 浏览次数:562

大势所趋 网页设计挂起一...

90年年代,几个简单的页面,几简单的几个表格,然后插入几个图片,打上几...

日期:2015-02-19 浏览次数:661

P2P托管账户接口的功能...

P2P托管账户系统的出现很大程序上保证投资者的资金安全。投资者...

日期:2015-02-19 浏览次数:1262

方维网络谈如何做好原型图

各位看官若想知道如何做好原型图,首先得搞明白原型图的倒底是干啥...

日期:2015-02-19 浏览次数:1015