谷歌瀏覽器上顯示字型最小為12px，css設定font-size：10px，顯示的時候還是12px大小
可以利用css中的transform屬性來縮小：
transform:scale(0.5,1)
第乙個引數是x軸比例，第二個引數是y軸比例，第二個引數可省略，若預設則等於第乙個引數。
縮小方向：
預設是往中間縮小，可以新增 transform-origin:left ，往左側縮
注意：①transform只有塊級元素有這屬性，一開始我把這個屬性設定在span上，怎麼都不出效果，換div就有效果了
②如果你是因為字型太大，放div中會自動換行，想用這方法來壓縮字型，去除換行，那就省省吧，我剛踩過這個坑。這種方式並不是在壓縮字型，而是在壓縮整個div。
舉個例子：
有乙個div，想寫10個字，但它太窄了，寫到第8個字之後，就換行了。這時想加上transform:scale(0.5,1)，來實現不換行。最終的效果是：最後2個字仍然在下面一行，整個div變窄了。
最後我的方法是，把div寬度加長，右margin設為負數，再進行壓縮
瀏覽器最小顯示12px字型的解決方法
今天做列印標籤，發現瀏覽器最小字型限制了12px，標籤那麼小，12px隨便幾個字就給佔滿了 最後通過 transform scale 1,0.8 搞定 這個屬性允許將元素移動 壓縮 旋轉 這裡用到的是壓縮屬性，更多屬性方法參考 通過transform origin left 可以控制縮放對齊方向 注...
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...