发布者:上海IT外包来源:http://www.lanmon.net点击数:1075
所谓浏览器兼容性问题,是指不同的浏览器对同一代码的分析方式不同,导致页面显示效果不一致的情况。在大多数情况下,我们的要求是,无论用户使用哪种浏览器查看我们的网站或登录我们的系统,它都必须是统一的屏幕。因此,浏览器兼容性问题是前端开发人员经常遇到且必须解决的问题。
浏览器兼容性问题1:不同的浏览器具有不同的默认外部修补程序和内部修补程序
问题的症状:只写一些标签,没有样式控制,相应的边距和填充之间的差异就很大。
命中频率:100%
解决方案:CSS * {margin:0; padding:0;}
注意:这是最常见和最简单的浏览器兼容性问题。几乎所有CSS文件都将使用通配符*将每个标签的内部和外部补丁程序设置为0。
浏览器2兼容性问题:块属性标签浮起后,有一个水平边距,在IE6中,该边距大于配置。
问题症状:常见症状是IE6中的下一个是从上到下
发现频率:90%(页面会更复杂一些,这是浮动设计最常见的浏览器兼容性问题)
解决方案:将display:inline添加到浮动标签样式控件中;使其成为在线属性
备注:最常用的是div + CSS设计,并且div是典型的block属性标签。使用水平设计时,通常使用div float。水平间距配置由边距实现。这是不可避免的,您会发现兼容性问题。
浏览器兼容性问题3:设置一个小的高度标签(通常小于10 px),在IE6,IE7中,游泳高度超过了您自己配置的高度
症状:IE6、7和Swim中此标签的高度不受控制,超出了它自己设置的高度。
成功率:60%
解决方案:将溢出:隐藏在超出高度的标签上;或将行高的行高设置为小于您设置的高度。
分享到: