关于浏览器不兼容的解决方法有很多，硕联网络今天告诉大家的是关于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>