1. 程式人生 > >谷歌默認最小字體解決方案

谷歌默認最小字體解決方案

方案 span pan tran 就會 ont .cn www transform

參考文章:https://www.cnblogs.com/mfc-itblog/p/5669118.html

谷歌及谷歌內核的瀏覽器有默認的最小字體限制:12px,字體大小設置低於12px是不起作用的,也是按照12px顯示。

解決方法:

span {
    font-size: 10px;
    -webkit-transform-origin-x:0;
    -webkit-transform: scale(0.84);
}

font-size設置成想要的大小(10px低於12px,谷歌內核瀏覽器是不起作用的,這裏設置只是為了兼容IE),之後的利用CSS3的縮放,最終大小是 : 0.84 * 12px = 10.08px

這樣設置後,span中的字體就會是10px了

-webkit-transform-origin-x:0 固定元素的位置,在x軸的0處

-webkit-transform:scale(0.84) 按照0.84比例縮放文字

谷歌默認最小字體解決方案