引入
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