css - 移动端字体适配问题

问题描述

在移动端设置

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

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

问题解答

回答1：

字体适配要自己写哦。现在最常用的移动端字体单位是rem。你可以试一下。如果只想区分几种分辨率而设置不同字体，最简单的就是用媒体查询^ - ^

回答2：

你那段代码只是一个头部标签，用rem或者em不要用px，而且css的body那里也要加字体大小