最近发现android在4.4.3上面出现不少怪异的现象,如今虽然没有找到缘由和解决方案,可是忽然间找到一个css hack写法;css
button{ display:none; width:$rem*45; height:$rem*33; //我这里Android 4.4.3 hack 写法 height:calc(1/16*32px); font-size:$rem*12; background-color:#b41a1a; border:1px solid #fff; color:#fff; padding:$rem*10 0; position:absolute; right: 0; top: 0; border-bottom-right-radius: 4px; border-top-right-radius: 4px; }
在ios和android4.4.4以上的版本显示都正常的,就在4.4.3上线显示的大小比其余机型明显大了个像素,百思不得其解,干脆上了一个hack的写法,4.4.3自己不支持calc,我就使用这个特性,让支持的浏览器默认覆盖前面的height值。实现hack的操做。android
这是calc的兼容性,彻底能够将opera mini和android4.3之前的版本覆盖掉。ios
有须要的朋友能够get一把!!!浏览器