关于浏览器的兼容问题

一、针对谷歌浏览器最小字体为12px无法继续缩放的问题

项目中要设置未读消息提示，字体需要比12px还要小，可是在谷歌浏览器设置为12px后不可继续调小。

方案：在最小字体的基础上进行缩放

 .mix-font{

　　　  font-size:12px; 

            -webkit-transform-origin-x: 0;

            -webkit-transform: scale(0.80);

            font-size:9px; 

        }

注意：此处的缩放只针对于谷歌浏览器起作用，另外，缩放的范围不仅仅是字体，而是字体所在的容器对象以及内部元素，最后一行针对于非chrome的浏览器缩小样式不生效的情况下，在没有最小字体的限制时，进行最小字体样式的覆盖。

二、移动端浏览器对float属性的兼容

之前利用float属性做div并排放置，发现老版本的安卓手机会出现float失效的情况，然后将设置了float的元素作为父级元素下的第一个子元素时得以解决。

三、不同浏览器的标签默认的外补丁和内补丁不同

随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。css里 *{margin:0;padding:0;}

四、inline系列的标签间距问题

设置为inline系列的属性时，标签之间会存在默认间距导致无法紧密排列。通过设置父级元素的font-size:0可以解决该问题。

五、透明度

opacity:0.5;

IE8以下：filter:Alpha(opacity=50)