网站前端制作时，常见浏览器兼容性问题与解决方案 作者：༒࿈石༙྇头༙྇࿈༒ 🐾 发布时间：2020-04-02 02:39 栏目：公司新闻 所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。 在学习浏览器兼容性之前，我想把前端开发人员划分为两类： 第一类是精确按照设计图开发的前端开发人员，可以说是精确到1px的，他们很容易就会发现设计图的不足，并且在很少的情况下会碰到浏览器的兼容性问题，而这些问题往往都死浏览器的bug，并且他们制作的页面后期易维护，代码重用问题少，可以说是比较牢固放心的代码。 第二类是基本按照设计图来开发的前端开发人员，很多细枝末节差距很大，不如间距，行高，图片位置等等经常会差几px。某种效果的实现也是反复调试得到，具体为什么出现这种效果还模模糊糊，整体布局十分脆弱。稍有改动就乱七八糟。代码为什么这么写还不知所以然。这类开发人员往往经常为兼容性问题所困。修改好了这个浏览器又乱了另一个浏览器。改来改去也毫无头绪。其实他们碰到的兼容性问题大部分不应该归咎于浏览器，而是他们的技术本身了。 文章主要针对的是第一类，严谨型的开发人员，因此这里主要从浏览器解析差异的角度来分析兼容性问题。（相关文章推荐：主流浏览器CSS 3和HTML 5兼容清单） 浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。 碰到频率:100% 解决方案：CSS里 *{margin:0;padding:0;} 备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的CSS文件开头都会用通配符*来设置各个标签的内外补丁是0。 浏览器兼容问题二：块属性标签float后，又有横行的margin情况下，在IE6显示margin比设置的大 问题症状:常见症状是IE6中后面的一块被顶到下一行 太仓网站建设 携手同利，做个颜值派！10专业于： 太仓网站设计 太仓企业建站 太仓网站建设 太仓网络公司 太仓微信开发 太仓软件开发 太仓网页制作 太仓APP开发 太仓小程序开发 上一篇： 营销型网站怎么选择关键词 下一篇： 英文网站建设中需要注意哪些细节问题
苏州辅朗光学材料有限公司 苏州辅朗光学材料有限公司是一家专业从事研发、生产静电防护等功能性行材料的科技创新型企业。高科技领域，包括电子和环保等部门对于塑料材料的使用需求正日益变得多样性和复杂性。为了满足这种需求，辅朗采用独特的高分子技术提供了解决方案。通过革新产品,辅朗已成为众多工业企业的可靠后盾并将为之而继续努力。 View more 太仓常青装饰设计工程有限公司 常青装饰设计公司是太仓集私宅、办公空间、室内设计、预算、施工、材料于一体，公司拥有室内装饰二级资质， 防水、防腐、保温二级资质（升级中）。 相关业主提供装修装饰方面的技术支持，包括提供设计师和装修工人，从专业的设计和可落地性的角度上，为客户 营造更温馨和舒适的居住/办公空间。 View more 太仓市广盛机械有限公司 太仓市广盛机械有限公司坐落于江苏省明星港口城市—太仓市，占地面积20000平方米，距上海虹桥枢纽近 35公里，地处国道204和省道339交汇处，交通非常便利。 公司自成立以来，一直致力于涂布机、分切机、复卷机等涂布成套设备研发生产和销售，已形成四大成套设 备系列： 一、 PET膜系列电子离型膜、保护膜、汽车防爆膜、建筑隔热膜、光学膜、激光防伪膜等涂布成套设备的 规划、设计、制造与销售； 二、 PE膜系列建材、家电、电子保护膜等涂布成套设备的规划、设计、制造与销售； 三、 BOPP封箱胶带、PVC电工胶带、PET电子胶带、双面美纹胶带等胶带系列涂布成套设备的规划、设 计、制造与销售； 四、 商标纸、热转印纸、广告车字帖、相纸等纸类基材系列涂布成套规划、设计、制造与销售； View more