移动端页面的相对高度

论坛 期权论坛 脚本     
匿名技术用户   2020-12-29 18:32   608   0

写移动端页面的时候,用百分比高度没办法恰好铺满整个屏幕

这个时候用到了vh,以下是css3手册的定义


所以100个vh即为设备屏幕的高度,可以将div 的高度设置为多少个vh

在我遇到的情况下,3个div的最小高度分别设置为20vh,60vh和20vh,就可以铺满整个屏幕了

min-height: 60vh;


相对的,还有其他的单位:

vw:视窗宽度的百分比
vh:视窗高度的百分比
vmin:当前较小的vw和vh
vmax:当前较大的vw和vh


----------------------------------------------------------------------


分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:7942463
帖子:1588486
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP