Java教程

17.rem布局

本文主要是介绍17.rem布局,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

解决问题:

1.页面布局文字随着屏幕大小变化

2.流式布局和flex布局主要针对宽度布局,rem可以做到高度也随着变化

3.屏幕发生变化的手元素高度和宽度等比例缩放

1.rem基础

rem单位:(1rem是html字体的大小)

​​​​​​ rem是一个相对单位,类似于em,em是父元素字体的大小

rem的基准:是相对于html元素的字体大小

例如:根元素(html)设置font-size=12px; 非根元素设置width:2rem;换成px则表示24px;

rem的优点:就是可以通过

这篇关于17.rem布局的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!