踩到的第一個坑：

最近做一個移動端的h5，一開始拿到設(shè)計稿后，發(fā)現(xiàn)有幾個區(qū)域字體換算之后在iphone6上是小于12px的，就有一個問題了，谷歌對小于12px的字體，是不做處理的。按理說，設(shè)計上應(yīng)該要避免類似情況，之前做了很多的頁面，還沒有小字號的存在，所以準備自己先找找解決辦法，不行的話，再溝通一下。
查找發(fā)現(xiàn)網(wǎng)上基本都是需要使用· transform:scale()來解決，并配合 transform-origin:top center.但是此類方法在縮小字體的同時，容器也會被縮?。ɡ鏳iv寬為200px，想要顯示字號為8px,假如當前字體大小為16px，則需要縮放0.5，縮放完后發(fā)現(xiàn)div寬也縮小了，變成100px，但是我們不想要這樣的效果，所以用此方法時，當scale值為x時，需要先將容器大小先縮放1/x，然后再使用transform:scale(x)），這樣的做法比較繁瑣，如果頁面內(nèi)容不多，可以使用。
如果內(nèi)容是固定的，也可以使用圖片來加載。

踩到的第二個坑：

web使用手機模擬器顯示的字號和在手機上打開的不一致。本來高高興興的在模擬器上顯示完美，但是一用手機打開，字號變的很大[同樣的字號有的地方可以正確顯示，有的卻不能]。這下有點頭大了，之前沒遇到過。
（內(nèi)心： 覺得不可思議... 有點過分....）

有的說這是Chromium內(nèi)核提高移動端文本可讀性的一個特性，叫做這個特性被稱做「Text Autosizer」，又稱「Font Boosting」、「Font Inflation」。當文本數(shù)量太多，計算機認為在屏幕上顯示這么多文本會導致用戶不能清晰閱讀時，他會自動設(shè)置font-size的大小，這個時候得到不同的字體大小的效果，

[移動端瀏覽器這樣做真的好嗎？？？]

解決辦法：

給*設(shè)置 -webkit-text-size-adjust: none;

這個方法對我的問題有效果

此外傳送幾個博客，還有其他的一些方法，可以試一試，啊，有木有效果還得自己親測。
https://segmentfault.com/a/1190000007177666
https://www.cnblogs.com/Julia-Yuan/p/7811584.html
https://blog.csdn.net/GrahamACER/article/details/74946060