手机端字体大小如何自适应？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 2939 天前的主题，其中的信息可能已经有所发展或是发生改变。

写很多条 html 媒体响应？

HTML

字体

响应

大小

9 条回复 • 2018-01-21 02:50:14 +08:00

shakaraka

PRO

2018 年 1 月 20 日

REM

shakaraka

PRO

2018 年 1 月 20 日

```
window.addEventListener('load',rem)
window.addEventListener('resize',rem)
function rem() { document.querySelector('html').style.fontSize = parseInt ( window.innerWidth / 10 ) + 'px' }
```

shakaraka

PRO

2018 年 1 月 20 日

@wunonglin 尼玛。。不支持 md

iNaru

2018 年 1 月 20 日

rem + vw

ByteRan

2018 年 1 月 20 日

阿里的 Flexible
https://www.w3cplus.com/mobile/lib-flexible-for-html5-layout.html

suzic

2018 年 1 月 20 日 via Android

rem 正解

givebest

2018 年 1 月 20 日 via iPhone

rem + js，https://github.com/givebest/GB-html5-respond/

yantianqi

2018 年 1 月 20 日

@wunonglin 为什么要除以 10

shakaraka

PRO

2018 年 1 月 21 日

@yantianqi 假如 1000px 的话设置 1000rem 这样不好吧？所以我除了 10。这种算法是我个人爱好而已，你可以参考