前端 - 响应式网站字体大小

问题描述

问 题

新手求解响应式网站字体一般怎么处理的？pc端和手机端字体大小一般多少？怎么决定

解决方案

响应式一般通过给HTML设置font-size，html内的标签设置rem单位来处理字体大小。

如果是一站式响应式网站（用@media断点控制pc和移动端，不单独做移动app），可以去参考下bootstrap的设置，不过这种一般都是国外网站使用得多

国内很多都是分开PC端和移动端，pc端基本都是用px写死了的，移动端是单独用一个webApp

webApp中分两种方式:

1、用@media设置font-size就是断点切换字体大小，但是这样可能无法匹配所有类型的手机/平板，而且字体大小改变也【不是实时】的。

2、js实时给html的font-size设置数值，其他元素设置的rem自然也就跟着实时变化，可以看看下面这几篇文章- -

https://isux.tencent.com/web-...
http://www.tuicool.com/articl...

这篇关于前端 - 响应式网站字体大小的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！