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

V2EX = way to explore

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

现在注册

已注册用户请登录

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

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

写很多条 html 媒体响应？

HTML

字体

响应

大小

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

wunonglin

2018-01-20 13:04:31 +08:00

REM

wunonglin

2018-01-20 13:05:13 +08:00

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

wunonglin

2018-01-20 13:05:33 +08:00

@wunonglin 尼玛。。不支持 md

iNaru

2018-01-20 13:13:09 +08:00

rem + vw

tanranran

2018-01-20 13:16:53 +08:00

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

suzic

2018-01-20 17:54:14 +08:00 via Android

rem 正解

givebest

2018-01-20 21:33:58 +08:00 via iPhone

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

yantianqi

2018-01-20 23:18:38 +08:00

@wunonglin 为什么要除以 10

wunonglin

2018-01-21 02:50:14 +08:00

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