Web前端开发主讲人：李娜

响应式布局简介、响应式页面设计

【任务目标】知识目标能力目标素质目标理解响应式布局、视口的概念；掌握媒体查询的使用。能够完成简单响应式布局页面的创建。培养学生的专注精神和服务意识。

【导学知识】一、响应式布局简介响应式布局指的是同一个页面在不同屏幕尺寸下有着不同的布局。与原始的设计方式相比有以下特点： ★一套设计，多处使用；★移动设备优先。

【导学知识】一、响应式布局简介优点： ★面对不通分辨率的设备灵活性较强；★能够快捷解决多种设备的显示适应问题