当字体小于12px的时候,谷歌浏览器还是以12px显示,只需把下面CSS写在样式里,谷歌就能正常显示了:
html{-webkit-text-size-adjust:none;}
另外还有一个针对谷歌专用的hack:
@mediascreenand(-webkit-min-device-pixel-ratio:0){
/* chrom、safari 样式 */
}
这是针对其他一些兼容问题的,像IE、FF都有自己的hack,这个也是chrom的hack,它针对Safari也有效。
当字体小于12px的时候,谷歌浏览器还是以12px显示,只需把下面CSS写在样式里,谷歌就能正常显示了:
html{-webkit-text-size-adjust:none;}
另外还有一个针对谷歌专用的hack:
@mediascreenand(-webkit-min-device-pixel-ratio:0){
/* chrom、safari 样式 */
}
这是针对其他一些兼容问题的,像IE、FF都有自己的hack,这个也是chrom的hack,它针对Safari也有效。
转载于:https://www.cnblogs.com/caly/archive/2011/11/26/2264549.html