移动端web常见布局

  • Post author:
  • Post category:其他


1单独制作

移动端

页面

流式布局(百分比布局)

流式布局(百分比布局):

  1. 流式布局,就是百分比布局,也称非固定像素布局
  2. 通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩,不受固定像素的限制,内容向两侧填充
  3. 流式布局方式是移动web开发使用的比较常见的布局方式
  4. Max-width最大宽度(max-height最大高度)
  5. Min-width最小宽度(min-height最小高度)

Flex弹性布局(强烈推荐)

Less+rem+媒体查询布局

混合布局

2

响应式

页面兼容移动端

媒体查询

Bootstarp



版权声明:本文为m0_51495354原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。