谷歌瀏覽器上顯示字型最小為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設為負數，再進行壓縮