网站前端制作时，常见浏览器兼容性问题与解决方案 作者：༒࿈石༙྇头༙྇࿈༒ 🐾 发布时间：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开发 太仓小程序开发 上一篇： 营销型网站怎么选择关键词 下一篇： 英文网站建设中需要注意哪些细节问题
UIA联合学苑 UIA联合学苑成立于2013年，致力于引进全球先进教育资源，培养具有核心竞争力的国际化人才。 2018年，投资1.3亿元的UIA淀山湖校区全面落成，校区占地84亩建筑面积近30000平方米，环境配置在环沪同类学校中位居前茅。 近年来，UIA加快海外布局，先后整合英、美、澳、日、新(加坡)等发达国家的校际资源，在日本、英国开设分校，推出大学衔接课程等创新项目，引领国际教育领域的变革与发展。 View more 明炜科电子（苏州）有限公司 明炜科电子（苏州）有限公司创立于2006年，坐落于江苏省常熟市，厂区占地16000平方，建筑面积30,000平方米，总投资金额2亿人民币。公司前身拥有二十多年的精密模具制造与塑胶成型经验，依托深厚的行业积淀，明炜科在汽车关键零部件和医疗零部件领域迅速发展。公司具备完整的产品研发和制造能力，从产品设计，模具开发与制造，注塑冲压到组装测试，为客户提供一站式服务。 View more 太仓奥姆科不锈钢有限公司 太仓奥姆科不锈钢有限公司 您提供图纸，我们全力以赴! 我们是一家意大利企业，致力于根据客户需求定制生产不锈钢、碳钢以及各种合金钢材质的零部件。产品包含：工业设备配件，阀门配件，特殊法兰，管接头，异径管以及机械密封件等 我们如何实现? 高品质的原材料，先进的生产设备，专业的生产信息化管理系统，严格的员工培训，奥姆科始终贯彻对客户的高品质承诺，坚持公司的理念：质量第一，信誉至上 拥有超过三十年的生产经验，可承接最大直径300mm的工件加工（车床和加工中心）,根据不同数量提供最优报价。 View more