专业的网络营销策划服务机构

十年专注 初心不变

400-1616-162

您当前所在位置: 首页>>关于>>新闻中心>>常见问题

网站前端制作时,常见浏览器兼容性问题与解决方案

浏览:1386次              0      分享到: 

所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。

  在学习浏览器兼容性之前,我想把前端开发人员划分为两类:

  第一类是精确按照设计图开发的前端开发人员,可以说是精确到1px的,他们很容易就会发现设计图的不足,并且在很少的情况下会碰到浏览器的兼容性问题,而这些问题往往都死浏览器的bug,并且他们制作的页面后期易维护,代码重用问题少,可以说是比较牢固放心的代码。

  第二类是基本按照设计图来开发的前端开发人员,很多细枝末节差距很大,不如间距,行高,图片位置等等经常会差几px。某种效果的实现也是反复调试得到,具体为什么出现这种效果还模模糊糊,整体布局十分脆弱。稍有改动就乱七八糟。代码为什么这么写还不知所以然。这类开发人员往往经常为兼容性问题所困。修改好了这个浏览器又乱了另一个浏览器。改来改去也毫无头绪。其实他们碰到的兼容性问题大部分不应该归咎于浏览器,而是他们的技术本身了。

  文章主要针对的是第一类,严谨型的开发人员,因此这里主要从浏览器解析差异的角度来分析兼容性问题。(相关文章推荐:主流浏览器CSS 3和HTML 5兼容清单)

  浏览器兼容问题一:不同浏览器的标签默认的外补丁和内补丁不同

  问题症状:随便写几个标签,不加样式控制的情况下,各自的margin 和padding差异较大。

  碰到频率:100%

  解决方案:CSS里 *{margin:0;padding:0;}

  备注:这个是最常见的也是最易解决的一个浏览器兼容性问题,几乎所有的CSS文件开头都会用通配符*来设置各个标签的内外补丁是0。

  浏览器兼容问题二:块属性标签float后,又有横行的margin情况下,在IE6显示margin比设置的大

  问题症状:常见症状是IE6中后面的一块被顶到下一行


上一篇:想申请ICP?你的网站做好了这些准备了吗?

下一篇:2020新广告法禁用词案例

推荐新闻

作品推荐

苏州阳澄湖惠侬生态养殖专业合作社 个性化定制

苏州阳澄湖惠侬生态养殖专业合作社 个性化定制

宿龙半导体 三网合一

宿龙半导体 三网合一

数小二软件 三网合一

数小二软件 三网合一

苏州统益自动化机械制造有限公司 三网合一 高端个性定制

苏州统益自动化机械制造有限公司 三网合一 高端个性定制

苏州昊特物流设备 响应式 高端定制网站

苏州昊特物流设备 响应式 高端定制网站

晟宇气体设备 三网合一营销型网站

晟宇气体设备 三网合一营销型网站

佳诚冷链 响应式 高端个性定制

佳诚冷链 响应式 高端个性定制

奥迈铝业集团 三网合一营销型网站

奥迈铝业集团 三网合一营销型网站

考克利尔竞立

考克利尔竞立

雅依格家具

雅依格家具

最新公司动态

24h热线:400-1616-162 投诉邮箱:cg@0512sun.com 售前:0512-62535216

公司地址

微信
咨询

在线
客服

在线客服服务时间:9:00-24:00

客服
热线

400-1616-162
7*24小时客服服务热线

关注
微信

顶部