css浏览器的兼容性问题总结

本文总结了CSS在浏览器中的兼容性问题,包括HTML5渲染能力的测试、各种Hack方法,如HTML Hack和CSS值Hack,以及针对IE6的各种兼容性挑战,如选择器、盒模型、浮动、双倍margin、3px bug、定位和文字样式的问题,并提供了相应的解决策略。
摘要由CSDN通过智能技术生成
测试浏览器html5的渲染能力

测试网站:(http://www.html5test.com)

在这里插入图片描述

Hack

Hack就是针对不同的浏览器去写不同的css颜色,从而让各个浏览器能达到一致的渲染效果。

HTML Hack
<!--识别 ie6,7,8 -->
<!--[if lte IE 8]>
自定义html内容
<![endif]-->


<!--如果是版本是IE6-->
<!--[if IE6 6]>
自定义HTML内容
<![endif]-->

上述代码可以在IE6,7,8可以识别自定义的html内容,而IE9,IE9+,chrome等浏览器则识别为注释.
lte 表示less than or equal 小于等于
lt 表示 小于
gt 表示大于
gte 表示大于等于

CSS值Hack

IE6 专用的“hack”符号 就是短横、下划线

div{
   
	width:200px;
	
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值