鍍金池/ 問答/HTML/ 移動端rem布局下,針對iPhone6 的字體是12px,如何適配更小的屏幕?

移動端rem布局下,針對iPhone6 的字體是12px,如何適配更小的屏幕?

如題,設(shè)計稿針對iPhone6的字體大小設(shè)置的12px;如果用字體大小采用rem,由于瀏覽器限制,在320的屏幕上font-size的計算值還是12px,這種情況如何處理呢?難道要針對不同的屏幕寬度動態(tài)計算transform:scale?

回答
編輯回答
久不遇

iphone上我記得是可以顯示12px以下的啊,而安卓一般都360比較多,大部分國產(chǎn)機默認(rèn)瀏覽器以及uc qq也是支持12以下的,不過chrome 從版本54開始才支持小于12px。

非要顯示12px以下最更簡單:比如說你本來要寫1.2rem,你直接給2.4rem。然后將相應(yīng)元素縮小一倍就行了,不需要檢測分辨率

2017年3月30日 00:48
編輯回答
玄鳥

利用transform使用縮放,iOS的最小字體就是12px,不能在px上更小了。這是例子,可參考。DEMO 記得注意兼容性前綴。

2017年4月4日 22:59
編輯回答
安于心

如果使用vw呢?

2017年3月6日 17:44
編輯回答
膽怯

我怎么就不相信手機上最小的的 font-size 還是 12px 呢……

2018年7月23日 20:51