网站前端制作时,常见浏览器兼容性问题与解决方案 作者:༒࿈石༙྇头༙྇࿈༒ 🐾 发布时间: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开发 太仓小程序开发 上一篇: 营销型网站怎么选择关键词 下一篇: 英文网站建设中需要注意哪些细节问题
Mango S 严选 View more 屋伏石C店 View more 泰州华泰电力有限公司 泰州华泰电力有限公司成立于2015年5月,注册资金3018万元,总部设在泰州,目前共有100多名员工。公司在创业之初,就树立了高起点的战略思路,秉承“诚信为本,铸造精品”的服务宗旨,广纳贤才,积累经验,逐步建立并完善了稳定有效的管理体系。 公司坚持以“安全发展”引领各项工作。坚持“安全、诚信、创新、共赢”的服务理念,以时刻关注客户为焦点,持续改进为动力,以安全、优质、高效、文明施工为第一要务,不断优化施工方案,提高施工质量,为客户实现价值最大化。至今,无安全事故,无质量投诉,取得了用户满意、企业发展的双赢局面。 公司先后获得了“质量安全信誉AAA级优秀施工企业”重质量、保安全、守信誉施工单位”等荣誉称号。 View more