关于浏览器不兼容的方法有很多，捷成网络今天告诉大家的是关于IE兼容CSS3圆角border-radius；min-height最小高度的实现；字体小于12px，兼容谷歌浏览器的解决办法。对于这些不兼容的现象很是让人头疼，网上也有很多解决方法，但是有的却不是很实用。我司技术人员研究解决方法如下：
1.IE兼容CSS3圆角border-radius，box-shadow，text-shadow的方法
第一步下载ie-css3.htc（百度下载）
第二步
.boxExamp {
-moz-border-radius: 15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari 和 Chrome */
border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
-moz-box-shadow: 10px 10px 20px #000; /* Firefox */
-webkit-box-shadow: 10px 10px 20px #000; /* Safari 和 Chrome */
box-shadow: 10px 10px 20px #000; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
behavior: url(ie-css3.htc); /* 通知IE浏览器调用脚本作用于'box'类 */
}
用此方法需要注意的是：一、只能同时4角圆角，不能单独设置；二、div上可以正常使用，测试text文本框，会出现异常；三、CSS文件要和页面在同一目录下，否则无效；四、前元素一定要有定位属性，像是position:relative或是position:absolute属性。五、z-index值一定要比周围元素的要高，否则……只能说抱歉了~
2.min-height最小高度的实现,max-height最大高度的实现
方法一：
#min-height{
background:#ccc;
min-height:100px; /*高度最小值设置为：100px*/
height:auto !important; /*兼容FF,IE7也支持 !important标签*/
height:100px; /*兼容ie6*/
overflow:visible;
}
方法二：
.min-height{
min-height:429px;
_height:expression( this.scrollHeight < 429 ? "429px" : "auto" );
}
.max-height{
max-height:1000px;
_height:expression((document.documentElement.clientHeight||document.body.clientHeight)<1000?"1000px":"");
overflow:hidden;
}
3.字体小于12px，兼容谷歌浏览器的办法
p{font-size:8px;}
.fontsize8{-webkit-transform:scale(0.8);-o-transform:scale(1); display:inline-block;-webkit-text-size-adjust:none}//0.8位缩放倍数，具体自己根据实际需求修改
<p><span class="fontsize8">我是一个小于12PX的字体</span></p>
