针对谷歌默认最小字体12px的正确解决方案 (css、html)

   今天设计测试网页,产品要求把以前12px的英文字体改小一点,要调小2px,我心想这有什么难的,就随口答应了,哪知,改css的时候,谷歌浏览器中font-size小于12px时,字体就不会再缩小了。当时我的第一反应就是会不会是其他css把字体覆盖了。结果看了半天也没发现。于是,只百度一伙了,结果还真让人大吃一惊:原来谷歌以及谷歌内核的浏览器在中文语言下最小字体只能是12px。不知道这算是一个bug还是谷歌人性化的设计。

不管那么多了,反正要解决这个问题呀~既然这是一个经典的兼容性问题,一定有很多解决方法吧。让人吃惊的是,再百度一伙,网上所有的解决方案都惊奇地相似:

  html{

  -webkit-text-size-adjust:none;

  }

然后我满心欢喜地用上去之后,发现并没有什么鸟用。然后发现了另一种解决办法:

    p{font-size:10px;-webkit-transform:scale(0.8);

这里需要注意,如果是行内标签需定义一个display:block;

猜你喜欢

转载自my.oschina.net/u/3788859/blog/1628276