CSS—流式布局&响应式布局

一、流式布局

流式布局即百分比布局,使用非固定像素来定义网页内容,盒子的宽度设置为百分比来根据屏幕的宽度进行伸缩,不受固定像素的限制。

二、响应式布局

利用CSS3的媒体查询,通过查询screen的宽度来指定某个宽度区间的网页布局。

超小屏幕(移动设备) 768px 以下
小屏设备 768px-992px
中等屏幕 992px-1200px
宽屏设备 1200px 以上
发布了223 篇原创文章 · 获赞 82 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/weixin_42472040/article/details/103974239