解析移动端 rem 布局【CSS小知识】

作者: 前端小野2分类: 计算机技术 发布时间: 2021-12-06 15:01:15 浏览:22913 次

解析移动端 rem 布局【CSS小知识】

孩子这真的很好笑:
你封面的笑容好像我一个贱兮兮的同事阿[藏狐]

【回复】回复 @前端哈默 :褒义[脱单doge]
【回复】回复 @我就要玩儿豹一 :(`・ω・´)
Wallace杨:
卧槽,为啥每次都是我碰到啥问题你做啥视频,谢谢大佬

【回复】巧了 我也是 遇啥来啥[滑稽]
前锋阁:
html{ font-size:26.6667vw;/* 100px */ } div{ font-size:0.16rem;/* 100px */ }

黎明2014:
用rem布局,rem还依赖vw动态计算根字体大小,那为什么不直接用vw布局?

【回复】回复 @前端哈默 :明明直接用vw也可以,那怎么还这么多人多经过一层rem来进行布局?直接用vw的反而很少?造成这个现象的原因是什么?
【回复】为什么不直接响应式,使用js转换
mjnj:
还能这样,以前都是js计算出fontsize然后设置给html,vw方便了好多啊

麦田的蓝天:
谢谢,学到了,不过我记得我以前好像是用@media查询小于970px设置一个html大小,大于970px设置另一个html大小

【回复】那是很多年以前的事了。
黎经政道:
真实手机上差距有时候很大,这个模拟并不准。

小肥羊6:
up主,为啥设置100比较合适呢,这个可以答疑下吗,非常感谢

那你会改变么:
这个自适应困扰了我很久,up视频让我收获颇丰

美好完美世界:
小白一个,我想问下在vue里面rem又是怎么使用的呢

【回复】回复 @前端哈默 :哦哦,好的
AM绝不加班:
这应该是完美适配吧?[妙啊]pc和h5都可以

松鸦_松鸦:
刚准备搜这个布局结果打开动态就看到更新了,狂喜[呲牙]

【回复】偷偷的乐吧[呲牙][呲牙]
小白想学技术:
大佬,你那个是什么软件,可以看到手机页面这样的

【回复】回复 @小白想学技术 :按f12调出浏览器的控制台,看控制台界面的左上角,有个类似手机的图标,点一下就行
【回复】回复 @六弦倾诉 :大佬,那要看什么样的教程自学,才可以学会这步
学程锦绣:
多此一举,直接文字大小vw不香吗,引这么多概念,麻烦

【回复】真是人才啊。。。。自己把自己学愤怒了
小小钉宫病:
up 能出一期关于浏览器指纹的使用教程吗 万分感谢

【回复】获取浏览器唯一,就是指纹。可以用于判断当前浏览器是否登陆过等等

程序员 编程 2021一起学习 知识充电站 JAVASCRIPT 前端 面试 VUE WEB前端 打卡挑战

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!