开发工具:
文件大小: 38kb
下载次数: 0
上传时间: 2020-12-14
详细说明:前言
最近整理了一下以前学习前端的笔记,发现自己对移动 web 端屏幕适配(rem)这一块并没有真正理解,只是会用。
接下来,把自己的一些对移动 web 端屏幕适配(rem)的思考记录下来。
rem 介绍
rem 表示根元素()的 font-size 的大小。即如果根元素的 font-size 大小为 14px,则 1rem = 14px
rem 适配移动 web 端
适配效果
在不同尺寸的屏幕下,同一个元素的大小看起来不是一样大的,但是它们所占屏幕宽度的比例是一样的。
代码
// 在 html 文件的 head 标签中