移动端动态设置html标签的字体大小方法

wdcc.fade

于 2020-07-07 14:38:30 发布

阅读量1.5k

点赞数

文章标签：移动端适配

本文链接：https://blog.youkuaiyun.com/qq_45915537/article/details/107180794

版权

本文介绍了在移动端适配中如何动态地根据设备尺寸设置html标签的字体大小，使用JavaScript监测设备尺寸并调整html字体单位为rem，实现响应式布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

移动端适配，可根据设置html 标签字体大小和使用rem 单位

可在主页面内引入一段js代码，动态监测设备的尺寸，动态改变html 的字体大小。代码如下：

下面展示一些 `内联代码片`。

// 动态设置HTML 字体大小， 一段自执行函数
(function (win, doc) {
   
  
  if (!win.addEventListener) {
   
    return
  }
  
  function setFont