如何在移动端实现纯css的自定义布局

2024-12-13 10:24:03

推荐回答（2个）

回答1：

在移动端实现纯css的自定义布局的方法：
1、html5主页面

html5 移动端单页面布局

2、css编写的样式：

回答2：

使用百分数作单位，如：main{width:80%; height:auto;}或者是其他的方式；
CSS3 中新增了一组相对于可视区域百分比的长度单位 vw, vh, vmin, vmax。其中 vw 是相对于视口宽度百分比的单位，1vw = 1% viewport width， vh 是相对于视口高度百分比的单位，1vh = 1% viewport height；vmin 是相对当前视口宽高中较小的一个的百分比单位，同理 vmax 是相对当前视口宽高中较大的一个的百分比单位。
如适应不同的屏幕也可以用媒体查询来设置样式，望采纳！