問(wèn)題描述

在移動(dòng)端設(shè)置

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

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

問(wèn)題解答

回答1：

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

回答2：

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