手机端页面布局方案

Posted 梅思德尔车

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了手机端页面布局方案相关的知识,希望对你有一定的参考价值。

布局方案:

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

1、控件弹性

2、图片等比例

3、文字流式

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

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

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

技术图片

以上是关于手机端页面布局方案的主要内容,如果未能解决你的问题,请参考以下文章

手机端页面自适应解决方案—rem布局

手机端页面自适应解决方案—rem布局(该方案目前已过时)

rem布局可以用来做pc端页面布局吗

手机端页面自适应解决方案—rem布局(进阶版,附源码示例)

手机端页面自适应解决方案—rem布局

移动端布局总结