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

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

This topic created in 3213 days ago, the information mentioned may be changed or developed.

写很多条 html 媒体响应？

HTML

字体

响应

大小

9 replies • 2018-01-21 02:50:14 +08:00

shakaraka

Jan 20, 2018

REM

shakaraka

Jan 20, 2018

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

shakaraka

Jan 20, 2018

@wunonglin 尼玛。。不支持 md

iNaru

Jan 20, 2018

rem + vw

ByteRan

Jan 20, 2018

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

suzic

Jan 20, 2018 via Android

rem 正解

givebest

Jan 20, 2018 via iPhone

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

yantianqi

Jan 20, 2018

@wunonglin 为什么要除以 10

shakaraka

Jan 21, 2018

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