眾所周知，在瀏覽器中，當(dāng)字體的大小小于12px的時(shí)候，瀏覽器是不會(huì)顯示的，瀏覽器會(huì)認(rèn)為小于12px的字體不是人眼所視的字體，會(huì)自動(dòng)的把字體調(diào)整為12px，這對(duì)用戶來(lái)說(shuō)很方便，但是對(duì)于開發(fā)者就是一個(gè)難題，當(dāng)設(shè)計(jì)師把字體的大小調(diào)整到12px一下才能不對(duì)整體的一個(gè)排版造成影響，那么我們?cè)撛趺醋瞿兀?/p>
這里可以看到，我們已經(jīng)設(shè)置字體大小為9px了，但是瀏覽器顯示的卻還是12px。
解決方法是：我們都知道css里有一個(gè)屬性叫做transform的scale()，他能放大和縮小元素，如果我們使用scale（0.75）就能把元素縮小到9px。
但是現(xiàn)在，元素確實(shí)縮小了，但是卻不能像以前一樣對(duì)齊了，因?yàn)樗堑缺壤s放的，這時(shí)候我們使用transform-origin把他的x軸偏移量變?yōu)?。如圖所示，現(xiàn)在元素被成功縮小了。
