字体rem通用基本设置

简介: 字体rem通用基本设置使当前的字体大小自适应当前浏览器:

使当前的字体大小自适应当前浏览器:

// 提前执行,初始化 resize 事件不会执行
setRem()
// 原始配置
function setRem () {
  let doc = document.documentElement
  let width = doc.getBoundingClientRect().width
  let rem = width / 75
  doc.style.fontSize = rem + 'px'
}
// 监听窗口变化
addEventListener("resize", setRem)
相关文章
|
6月前
|
前端开发
设计--字体样式---斜体,CSS字体属性用法
设计--字体样式---斜体,CSS字体属性用法
|
8月前
|
开发者
用em来设置字体大小
用em来设置字体大小
58 1
【JavaWeb学习】—font字体标签(一)
【JavaWeb学习】—font字体标签(一)
|
JavaScript Go
移动端设置小于12px字体,script标签
移动端设置小于12px字体,script标签
【Excel自动化办公Part4】:调整字体与样式的操作——字体、边框、对齐格式、颜色填充
【Excel自动化办公Part4】:调整字体与样式的操作——字体、边框、对齐格式、颜色填充
186 0
【Excel自动化办公Part4】:调整字体与样式的操作——字体、边框、对齐格式、颜色填充
|
前端开发
前端的那些必须要掌握的样式设置和布局【CSS、浮动、清除、固定、em、rem等等......】
前端的那些必须要掌握的样式设置和布局【CSS、浮动、清除、固定、em、rem等等......】
170 0
前端的那些必须要掌握的样式设置和布局【CSS、浮动、清除、固定、em、rem等等......】
|
前端开发
web前端学习(十五)——CSS3字体属性(font)的相关设置
web前端学习(十五)——CSS3字体属性(font)的相关设置
web前端学习(十五)——CSS3字体属性(font)的相关设置
|
前端开发
【sublime】自动把px转化为rem
【sublime】自动把px转化为rem
119 0
【sublime】自动把px转化为rem
|
前端开发
font-awesome不显示以及字体样式的引入方式:
font-awesome不显示以及字体样式的引入方式:
718 0
font-awesome不显示以及字体样式的引入方式:
PyQt5 技巧篇-便于文字排版的等宽字体推荐:Source Code Pro的中文为英文两倍宽字体
PyQt5 技巧篇-便于文字排版的等宽字体推荐:Source Code Pro的中文为英文两倍宽字体
390 0
PyQt5 技巧篇-便于文字排版的等宽字体推荐:Source Code Pro的中文为英文两倍宽字体