字体rem通用基本设置

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

// 提前执行，初始化 resize 事件不会执行
setRem()
// 原始配置
function setRem () {let doc = document.documentElementlet width = doc.getBoundingClientRect().widthlet rem = width / 75doc.style.fontSize = rem + 'px'
}
// 监听窗口变化
addEventListener("resize", setRem)

字体rem通用基本设置相关推荐

根据屏幕大小动态设置字体rem
//根据屏幕大小动态设置字体rem var docEl = document.documentElement,//当设备的方向变化(设备横向持或纵向持)此事件被触发.绑定此事件时,//注意现在当浏览器 ...
html中js修改字体,rem布局中使用js修改html的fontSize
今天有朋友问我rem布局时,当屏幕宽度不一样的时候如何设置html的font-size的值,所以我就写了一个js供大家参考,如果有更好想法的同学可以回复我哦. #box{ background: re ...
移动端开发的屏幕、图像、字体与布局的兼容适配
本文是内部的一次分享沉淀,偏向基础但是涉及了一些有意思的细节,文笔有限,才疏学浅,文中若有不正之处,万望告知. 前端的一大工作内容就是去兼容页面在不同内核的浏览器,不同的设备,不同的分辨率下的行为,使 ...
【适配】521- 移动端开发各种兼容适配问题（屏幕、图像、字体与布局等）
来源 | https://www.cnblogs.com/coco1s/p/11463599.html 本文是内部的一次分享沉淀,偏向基础但是涉及了一些有意思的细节,文笔有限,才疏学浅,文中若有不正之 ...
前端基础知识概述 -- 移动端开发的屏幕、图像、字体与布局的兼容适配
本文是内部的一次分享沉淀,偏向基础但是涉及了一些有意思的细节,文笔有限,才疏学浅,文中若有不正之处,万望告知. 前端的一大工作内容就是去兼容页面在不同内核的浏览器,不同的设备,不同的分辨率下的行为,使 ...
HTML与CSS——CSS字体样式
HTML与CSS--CSS字体样式字体样式 CSS 提供了很多属性来控制字体的外观. 常用属性有: font-size:设置字体大小. font-family:设置字体类型. font-weight ...
c语言如何字符间距,css 字间距、CSS字体间距、css 字符间距设置
「CSS」文本编排相关的CSS属性设置 1.font-family:设置字体族. 格式为font-family:字体1,字体2,--,通用字体族|inherit. 通用字体族,是指一类相似的字体.W3 ...
转：字体集选择font-family
网页的字体选择很有讲究,因为它直接关系到用户的阅读感受.对于字体的选择,要做到字迹清晰.大小合适.粗细恰当,这样才能使文档便于阅读,让读者满意.在不同的环境下,字体的选择和字体样式的设计要求是不同的. ...
STM32通用定时器输出PWM控制舵机 —— 重装载值、比较值、当前值
参考:stm32 定时器输出PWM原理及工作原理+控制舵机作者:点灯小哥发布时间: 2021-03-09 23:17:52 网址:https://blog.csdn.net/weixin_4601 ...

字体rem通用基本设置

字体rem通用基本设置相关推荐

最新文章

热门文章