计算机框架库第一章响应式网页设计基础

框架库的第一章响应式网页设计基础思维导图，网站的页面能够兼容多种不同的终端，根据不同的环境做出自动的响应及调整。

第一章响应式网页设计基础

• 什么是响应式
  • 概念
    • 网站的页面能够兼容多种不同的终端，根据不同的环境做出自动的响应及调整
  • 特点
    • 以移动设备优先
    • 媒体查询技术
    • 流式网格布局
    • 灵活的多媒体显示
• 媒体查询
  • 定义：使用@media关键字所定义的规则
  • 支持的媒体类型：all、screen、speech、print等
  • 常用媒体特性：max-width、min-width
• 屏幕可视区域
  • width
  • height
  • initial-scale
  • minimum-scale
  • maximum-scale
  • user-scalable
  • px:绝对大小
  • em：相对大小
• 实现方式
  • 媒体查询
  • 弹性布局
  • 流式图像