if (document.documentElement.clientWidth > 600) {//页面宽度大于600px让其宽度等于600px,字体大小等于60px,居中
document.documentElement.style.width = "600px";
document.documentElement.style.fontSize = "60px";
document.documentElement.style.margin = "0 auto";
} else {//否则让其根节点字体大小等于宽度/10px
document.documentElement.style.fontSize = document.documentElement.clientWidth / 10 + "px";
}
相关文章
- 10-02手机端自适应字体大小rem
- 10-02移动端布局方案——vw+rem
- 10-02H5学习笔记14 常见单位 响应式布局 rem+vw推导过程 定位移动端布局 flexible.js 布局 跑马灯 网格布局 反转背面不可见 视角 双飞翼布局
- 10-0212.24 移动端布局rem em / sass常见样式
- 10-02移动端页面自适应布局(rem布局)
- 10-02Day05 Flex布局+Rem适配+flexible.js自适应屏幕宽度+less运算完成web移动端
- 10-02移动端rem适配布局
- 10-02移动端布局-rem
- 10-02手机端页面自适应布局---rem
- 10-02移动端适配rem,自动适应布局,rem的俩种计算方式JS与CSS