Skip to content

引入

ts
import { setHtmlResponsiveFontsize } from 't-comm';

// 不支持 tree-shaking 的项目
import { setHtmlResponsiveFontsize} from 't-comm/lib/responsive/index';

// 只支持 ESM 的项目
import { setHtmlResponsiveFontsize} from 't-comm/es/responsive/index';

setHtmlResponsiveFontsize()

描述

设置 HTML 根元素的响应式字体大小 基于屏幕宽度自动调整根元素的 font-size,实现移动端响应式布局 以 750px 为基准,根元素 font-size = 100 * (屏幕宽度 / 750)

参数

示例

ts
// 在应用启动时调用
setHtmlResponsiveFontsize();
// 屏幕宽度为 375px 时,根元素 font-size = 50px
// 屏幕宽度为 750px 时,根元素 font-size = 100px