黑马程序员技术交流社区
标题:
移动端常见布局
[打印本页]
作者:
百目君
时间:
2019-4-9 16:45
标题:
移动端常见布局
移动端单独制作
流式布局（百分比布局）
flex 弹性布局（强烈推荐）
less+rem+媒体查询布局
混合布局
响应式
媒体查询
bootstarp
流式布局：
流式布局，就是百分比布局，也称非固定像素布局。
通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充。通常设置宽度的百分比，高度还是实际的高度。实际百分比一般设置给盒子，盒子里面的图片的width设置成100%。
二倍精灵图的做法：在firework里等比例缩放至原来的一半，再量宽高，设置background-position，background-size设置成相应的大小。
流式布局方式是移动web开发使用的比较常见的布局方式。
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)
黑马程序员IT技术论坛 X3.2