1.响应式布局介绍

  • 什么是响应式设计

    • 让一个网站兼容不同分辨率的设备
    • 给用户更好的游览体验

  • 响应式布局的优点与缺点

    • 优点：解决了设备的差异化展示
    • 缺点：兼容性代码多，工作量大，加载速度受影响

2.响应式设计的原则

  • 移动优先：在设计的初期要考虑页面如何在多终端展示
  • 渐进增强：充分发挥硬件设备的最大功能

3.响应式布局实现方法介绍

  • CSS3-Media Query 最简单的方式
  • 借助原生Javascript 成本高，不推荐使用