今天做項目,需要在手機端顯示,由於屏幕較小,因此需要把相應的字體設置得很小(10px),這本來是一個很簡單的需求,但是我對字體進行修改的時候,當字體大小低於12px時,字體的大小就不再改變。我自己百度了很多內容,發現問題出在谷歌瀏覽器上。因爲谷歌默認設置字體最小爲12px,所以低於12px的字體都不會再縮小。
這個問題的解決方法也很簡單,我們沒有必要去添加過多的css樣式去縮小字體尺寸,既然只有谷歌顯示問題,我們只需要修改谷歌的設置就可以了。
修改方法如下
設置====》自定義字體=====》最小字號 設置成最小就可以了
1、進入設置
2、進入自定義字體
3、設置最小字體