今天做列印標籤，發現瀏覽器最小字型限制了12px，標籤那麼小，12px隨便幾個字就給佔滿了；
最後通過 transform:scale(1,0.8) 搞定；
這個屬性允許將元素移動、壓縮、旋轉；這裡用到的是壓縮屬性，更多屬性方法參考：
通過transform-origin:left 可以控制縮放對齊方向；
注意：
transform 只是對塊進行操作，是對整個塊進行縮放，如果說你原本一行顯示10個字，想通過縮小字型顯示15個字，那麼，這個需要是滿足不了的，不過有曲線救國的方式；
可以參考：
瀏覽器最小顯示12px字型的解決方法
谷歌瀏覽器上顯示字型最小為12px，css設定font size 10px，顯示的時候還是12px大小 可以利用css中的transform屬性來縮小 transform scale 0.5,1 第乙個引數是x軸比例，第二個引數是y軸比例，第二個引數可省略，若預設則等於第乙個引數。縮小方向 預設是往...
chrome瀏覽器字型小於12px的解決方式
hrome瀏覽器設定的最小字型大小是12px，當我們需要布局的頁面中有字型大小小於12px的文字時，就沒有辦法做的像設計的頁面一樣美觀，下面介紹一種方法，解決這個問題 width 300px webkit transform origin x 0 x方向上縮放的中心點 webkit transfor...
chrome瀏覽器字型小於12px的解決方式
hrome瀏覽器設定的最小字型大小是12px，當我們需要布局的頁面中有字型大小小於12px的文字時，就沒有辦法做的像設計的頁面一樣美觀，下面介紹一種方法，解決這個問題 width 300px webkit transform origin x 0 x方向上縮放的中心點 webkit transfor...