关于使用rem单位根据宽度等比缩放高度

来源:3-25 移动端常用单位

啥子也

2022-03-08 00:11:56

问题描述:

老师,这里我听了好几遍,自己的理解大概是以一个初始的宽高比例为基准,让高度随着宽度变化而变化,但是一听到12分14秒开始就听不太懂了???

尝试过的解决方式:

重复观看

写回答

1回答

好帮手慕星星

2022-03-08

同学你好,元素不是图片的话,高度不会随着宽度改变而改变,需要手动设置。后面课程中是不明白这里吗?

https://img.mukewang.com/climg/6226b929097a6f7500000000.jpg

视口宽度为375px,元素宽度为100%,高度为50px;视口宽度为750px,元素宽度为100%,高度为100px。所以计算出了一个公式,当不知道视口宽度的时候,通过document.documentElement.clientWidth获取宽度,然后(宽度/750)*100计算高度。

祝学习愉快!

0

0 学习 · 15276 问题

查看课程