Web前端开发 课件 6.6 响应式布局.pptx

静态网页设计

第六章核心应用——排版布局

响应式布局

1什么是响应式布局？响应式布局的应用场景23响应式布局的实现媒体查询技术4响应式布局应用示例5

什么是响应式布局？01

什么是响应式布局？概念一种自适应多种终端设备的布局技术，主动感知设备尺寸，自动调整显示效果同一页面在不同屏幕尺寸下有不同的布局大势所趋，越来越多的网站采用响应式布局多终端的出现：PC、手机、平板、大屏……

响应式布局的应用场景02

响应式布局的应用场景结合响应式布局的特性，其常用场景：多终端访问的网页宽屏自动分栏横竖屏流动布局

实现响应式布局的常用技术方法03

实现响应式布局的常用技术方法方法说明缺点百分比（%）相对于“包