当前位置: 首页

网站前端制作中常见的浏览器兼容性问题及解决方案

时间:2020-11-05 05:11:37 点击:10次


所谓浏览器兼容性问题是指由于不同浏览器对同一代码有不同的解释,导致页面显示效果不一致的情况。在大多数情况下,我们的要求是,无论用户使用什么浏览器浏览我们的网站或登录我们的系统,都应该具有统一的显示效果。因此,浏览器兼容性是前端开发人员经常遇到并必须解决的问题。

在了解浏览器兼容性之前,我想将前端开发人员分为两类:

类是根据设计图纸进行开发的前端开发人员。可以说到1倍。他们很容易发现设计图纸的不足,在极少数情况下会遇到浏览器兼容性问题。这些问题往往会使浏览器在后期的代码维护中更容易出现问题。可以说它们都是比较坚实可靠的代码。

第二类是基本按照设计图纸进行开发的前端开发者。很多细节都很不一样。它不如间距、行高、图片位置等,它们之间通常只有几像素的间隔。经过反复调试,也取得了一定的效果。造成这种效果的具体原因还很模糊,整体布局也很脆弱。一点零钱就乱了。我不知道为什么代码是这样写的。这样的开发人员常常被兼容性问题困住。修改后,这个浏览器弄乱了另一个浏览器。没有任何变化的线索。事实上,他们遇到的大多数兼容性问题不应归咎于浏览器,而应归咎于他们的技术本身。

本文主要针对类,严谨的开发人员,所以这里我们主要从浏览器差异分析的角度来分析兼容性问题。(相关文章推荐:主流浏览器css3和html5兼容列表)

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

问题症状:随机写几个标签,没有样式控制,每个标签的边距和填充都有很大的不同。

遭遇频率:

解决方案:在CSS中*{边距:0:0;}

注意:这是常见和容易的浏览器兼容性问题。几乎所有的CSS文件都以通配符*开头,以将每个标记的内部和外部补丁设置为0。

浏览器兼容性问题2:块属性标记float后,有一个水平边距,边距大于IE6中的设置

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


相关阅读
猜您喜欢

我们已经准备好了,你呢?

2020我们与您携手共赢,为您的产品开发保驾护航!

在线客服
联系方式

热线电话

18020301823

上班时间

周一到周五

公司电话

13400001823

二维码
线
在线留言