2023年6月,信息技术与工程系学生科研团队成立以来,每一位成员表现都非常优秀,积极向上。
在新的一周,团队成员的学习内容是rem布局,在布局中,rem是常见的单位。相对于根元素(html)的字体大小,1rem=html标签的font-size(浏览器默认的font-size的大小为16px)。
在移动端,因为手机分辨率种类颇多,不可能一个个去适配,这时传统单位px就显得非常无力,所以就要考虑rem。rem布局的原理是,通过媒体查询的方式动态改变html标签的font-size的大小。它的效果是屏幕越大,标签越大;屏幕越小,标签越小。rem是CSS3新引进的一个度量单位,大部分浏览器都是支持的,兼容性好。
他们学习rem布局之后,可以使他们的设计稿适配各种屏幕,并且可以在多个屏幕大小中完美还原设计图(等比例缩放)。也可以让他们一套页面适配多个客户端,自适应效果好。