css - 移动端字体适配问题

Question

在移动端设置

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

我的页面从iPhone6缩小到iPhone5后，页面内容能根据设备宽度适配，但是为什么字体的大小改变，没有做缩放和适配呢？还是高度设置一个固定值后也不做适配，这是为什么？

Answer 1

字體適配要自己寫哦。現在最常用的行動端字體單位是rem。你可以試試。如果只想區分幾種解析度而設定不同字體，最簡單的就是用媒體查詢^ - ^

Answer 2

你那段程式碼只是一個頭部標籤，用rem或em不要用px，而且css的body那裡也要加字體大小