服务热线 400-660-5555

成都网站建设
首页 站内资讯

成都网站建设

站内资讯
成都网站建设 / 站内资讯 / 行业资讯 / 正文

浏览器兼容问题解决方案

来源: All文章
发布时间:2023-04-14 09:34:56

  新年伊始,故在此总结下平时工作中遇到的问题以及我的解决的方法。

  我在编写代码的过程中,发现经常会遇到很多重复的效果,或者是相同的布局,想到为了加快编写速度,我会把经常用到的布局或者效果用文本保存下来,下次遇到相同效果的时候,直接copy稍稍改下便可了,这大大提高了编写速度。

  作为前端开发人员,遇到最多的问题便是浏览器的兼容了。最开始对每个浏览器的差异不太了解,做出来的页面大多要去调制兼容,会浪费太多的事件,而现在一个页面完成,在其他浏览器中打开的时候,基本是没有差异的。比较常见的就是:

  css透明的问题,非IE浏览器可以直接写成opacity:0.6,而IE浏览器需要写成filter:Alpha(opacity=60);

  IE的双边距bug,设置为float的p在ie下设置的margin会加倍。

  解决方案:在这个p里面加上display:inline;

  IE与宽度和高度的问题IE不认得min-这个定义,但实际上它把正常的width和height当作有min的情况来使。如果只用宽度和高度,正常的浏览器里这两个值就不会变,如果只用min-width和min-height的话,IE下面根本等于没有设置宽度和高度。

  DIV浮动IE文本产生3象素的bug左边对象浮动,右边采用外补丁的左边距来定位,右边对象内的文本会离左边有3px的间距.

  解决方案:加上margin-right:-3px;

  等等,当熟悉各个浏览器之间的差异时,制作出来的页面基本上就能兼容各个浏览器了。

  在业余时间也有去学习新的专业知识,拓展知识面,学习更多的网友开发动态效果,在制作网站时,把新学的技术加入到页面中,页面就变得有趣炫酷多了。

  希望下一步通过努力,我可以按时完成项目,并且确保在各个浏览器的兼容性。掌握静态页面切图,学习,不断提高专业知识,使得制作出来的页面更加完善,加入更多的新技术。

  总结今年的工作,我获益颇多,专业知识,工作方法,可以独立高效的完成部门安排的工作。同时我也发现,有待学习和提高的内容还很多,关于前端,关于性能优化,关于用户体验,我还有太多需要学习和提高的。将从前的代码与现在的代码进行比较也看出了显著的进步,代码更加简洁优化,易读性也更好,规范性也有提高,接下来希望通过自己的努力在工作上有更大的突破。

* 文章来源于网络,如有侵权,请联系客服删除处理。
在线 咨询

添加动力小姐姐微信

微信 咨询

电话咨询

400-660-5555

我们联系您

电话 咨询
微信扫码关注动力小姐姐 X
qr