针对谷歌浏览器默认字体最小12px的解决方案

当字体小于12px的时候发现在谷歌里面还是以12px显示,然后造成谷歌浏览器布局有点小问题,在网上找了找答案,现在记录下来:

 html{-webkit-text-size-adjust:none;}

只需把这个写在样式里就行,再打开时,谷歌就能正常显示设定的大小文字了。

另外还有一个针对谷歌专用的hack:

@mediascreenand(-webkit-min-device-pixel-ratio:0){
/* chrom、safari 样式 */
}

这是针对其他一些兼容问题的,像IE、FF都有自己的hack,这个也是chrom的hack,它针对Safari也有效。

你可能感兴趣的:(解决方案)