Question

如何实现移动端字体自适应

Answer 1

最佳实践：
1、在viewport中将width设置为device-width, 如：
<meta name="viewport" content="width=device-width">

2、并且将网页设计成自适应方式
先有再优才是王道
CSS中关于分辨率宽度设置：
宽度可以使用320px为标准，图片宽度可以以640px为标准。
这样一方面兼容了低分辨率的低端机，一方面兼容了高分辨率的高端机，缺点是可能会浪费些流量，但开发效率上来讲那是极好的，要保证。
字体单位设置
几个网站中大概使用了以下几个单位
Fontsize单位：px, em, %, rem
只有淘宝首页使用了rem这个单位，果然是淘宝的UED比较喜欢尝试新的东西，这个单位是CSS3中新加入的，结合了em与px的优点，摒弃了em与px的(不易操控)缺点
关于字体单位详细介绍可以参考这片文章
Viewport中的initial-scale值