水墨_青花

关注

html里面font-size与rem结合实现等比缩放

水墨_青花

关注

阅读 206

2022-08-19


html里面font-size与rem结合实现等比缩放_缩放

设置html{font-size:20px}
里面包含的标签设置 rem
1rem就等于 html 的font-size = 20px
所以实现动态的比例缩放
可以根据window.onresize 来监听可见视图的变化 来 改变html
document.documentElement.fontSize = document.documentElement.clientwidth / (所需变化元素宽度/font-size:20px)


相关推荐

杰克逊爱学习

html {font-size: 62.5%}

杰克逊爱学习 212 0 0

外贸达人小峻先森

font-family,font-size,color

外贸达人小峻先森 83 0 0

_阿瑶

font-size用VW来写的方法

_阿瑶 211 0 0

sin信仰

移动端适配:font-size设置的思考

sin信仰 152 0 0

汤姆torn

font-size:100%; font: 12px/1.5 Arial;什么意思

汤姆torn 196 0 0

Ichjns

font-size等于0是解决什么问题

Ichjns 118 0 0

whiteMu

Uniapp中动态修改页面样式(color,font-size等)

whiteMu 71 0 0

程序小小黑

css之font-size=0去掉盒子之间的间距

程序小小黑 145 0 0

王小沫

知识普及之:CSS: body{font-size: 62.5%;}这种写法为什么???

王小沫 130 0 0

静悠

【CSS】CSS 文本样式 ① ( font 字体设置 | font-size 字号大小设置 | font-family 字体设置 | Unicode 编码字体名称 )

静悠 81 0 0

精彩评论(0)

0 0 举报