目前網頁最小字型以及字型壓縮

由於第一代網頁基本都是為800x600的15’CRT顯示器開發的，所以大多數網頁都是以9pt或12px為標準的網頁字型大小。目前隨著大尺寸和高解析度顯示器的普及，過小的網頁字型已經讓我在瀏覽網頁時出離的鬱悶了。

谷歌瀏覽器上顯示字型最小為12px，css設定font-size：10px，顯示的時候還是12px大小

可以利用css中的transform屬性來縮小：

transform:scale(0.5,1)

第一個引數是X軸比例，第二個引數是Y軸比例，第二個引數可省略，若預設則等於第一個引數。

縮小方向：

預設是往中間縮小，可以新增 transform-origin:left ，往左側縮

注意：

①transform只有塊級元素有這屬性，一開始我把這個屬性設定在span上，怎麼都不出效果，換div就有效果了

②如果你是因為字型太大，放div中會自動換行，想用這方法來壓縮字型，去除換行，那就省省吧，我剛踩過這個坑。這種方式並不是在壓縮字型，而是在壓縮整個div。