css - 移動端字體適配問題

問題描述

在移動端設置

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

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

問題解答

回答1：

字體適配要自己寫哦?，F在最常用的移動端字體單位是rem。你可以試一下。如果只想區分幾種分辨率而設置不同字體，最簡單的就是用媒體查詢^ - ^

回答2：

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