一、流式布局
流式布局即百分比布局,使用非固定像素来定义网页内容,盒子的宽度设置为百分比来根据屏幕的宽度进行伸缩,不受固定像素的限制。
二、响应式布局
利用CSS3的媒体查询,通过查询screen的宽度来指定某个宽度区间的网页布局。
超小屏幕(移动设备) 768px 以下
小屏设备 768px-992px
中等屏幕 992px-1200px
宽屏设备 1200px 以上
流式布局即百分比布局,使用非固定像素来定义网页内容,盒子的宽度设置为百分比来根据屏幕的宽度进行伸缩,不受固定像素的限制。
利用CSS3的媒体查询,通过查询screen的宽度来指定某个宽度区间的网页布局。
超小屏幕(移动设备) 768px 以下
小屏设备 768px-992px
中等屏幕 992px-1200px
宽屏设备 1200px 以上