我目前用rem做了一個(gè)pad設(shè)備的多屏適配,通過下列代碼直接利用設(shè)備寬度計(jì)算html的font-size:var fontSize= document.documentElement.clientWidth / 16 + "px";有一個(gè)pad設(shè)備,document.documentElement.clientWidth為1280px,除以16后得出html的font-size為80px問題來了,頁面某一元素寬高設(shè)置4rem情況下,理論上應(yīng)該是320px的寬高,但是實(shí)際寬高卻為368px,導(dǎo)致結(jié)構(gòu)不正常;經(jīng)查詢,頁面html行內(nèi)font-size為80px顯示,但實(shí)際生效卻為92px,控制臺(tái)參數(shù)顯示如下圖:請問這是什么原因?qū)е碌??有什么解決方案?再附一張控制臺(tái)顯示信息圖:
rem在PAD上出現(xiàn)使用問題
犯罪嫌疑人X
2018-08-06 11:10:46
