問題描述

在移動端設(shè)置

<meta name='viewport' content='width=device-width,minimum-scale=1.0,maximum-scale=1.0'/>

我的頁面從iPhone6縮小到iPhone5后，頁面內(nèi)容能根據(jù)設(shè)備寬度適配，但是為什么字體的大小改變，沒有做縮放和適配呢？還是高度設(shè)置一個固定值后也不做適配，這是為什么？

問題解答

回答1：

字體適配要自己寫哦。現(xiàn)在最常用的移動端字體單位是rem。你可以試一下。如果只想?yún)^(qū)分幾種分辨率而設(shè)置不同字體，最簡單的就是用媒體查詢^ - ^

回答2：

你那段代碼只是一個頭部標(biāo)簽，用rem或者em不要用px，而且css的body那里也要加字體大小