码迷,mamicode.com
首页 > 移动开发 > 详细

手机端页面布局方案

时间:2019-06-03 12:48:15      阅读:119      评论:0      收藏:0      [点我收藏+]

标签:image   gif   文字   loading   流式   高度   font   弹性   页面   

布局方案:

方案一:100%布局(高度固定,宽度自适应)(流式布局)

1、控件弹性

2、图片等比例

3、文字流式

特点:手机越大,显示内容越多

方案二:REM布局(等比缩放布局,整个页面等比例缩放)

vw、vh单位:1vw、vh等于当前屏幕宽度、高度(逻辑宽度,window.innerWidth)的1%。

技术图片

手机端页面布局方案

标签:image   gif   文字   loading   流式   高度   font   弹性   页面   

原文地址:https://www.cnblogs.com/Mr-Car/p/10966595.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!