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布局的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！