八、rem适配布局

使用rem的好处:rem受根元素html字体大小的控制,当根元素html的字体变大或变小,rem也会变化,那么整体的布局就会变化,因为使用的是rem布局,也就是盒子大小使用的是rem。媒体查询可以根据不同尺寸的屏幕修改根元素html的字体大小,从而改变整体用rem的盒子的大小,从而改变整体布局的大小。rem单位是跟着html来走的,有了rem页面元素可以设置不同大小尺寸媒体查询可以根据不同设备宽度来修改样式。每种媒体类型都具有各自不同的特性,根据不同媒体类型的媒体特性设置不同的展示风格。
摘要由CSDN通过智能技术生成

八、rem适配布局

rem适配布局

思考:

1、页面布局文字能否随着屏幕大小变化而变化?

2、流式布局和flex布局主要针对于宽度布局,那高度如何设置?

3、怎么让屏幕发生变化的时候元素高度和宽度等比例缩放?

m.suning.com

1.1 rem单位

rem(root em) 是一个相对单位,类似于em,em是父元素字体大小。

不同的是rem的基准是相对于html元素的字体大小。

比如,根元素(html)设置font-size=12px;非根元素设置width:2rem,则转换成px表示就是24px。

rem与em类似,rem相对与根元素(html)字体大小,em是相对于

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值