HTML响应式布局设计全新详解

如我们需要兼容不同屏幕分辨率、清晰度以及屏幕定向方式竖屏(portrait)、横屏(landscape)，怎样才能做到让一种设计方案满足所有情况？那就是响应式布局。meta标签，百分比，弹性盒，mediaquery，em/rem，html5新增属性/特性/标签,css3新增样式属性

• 通关要求

  完成每日练习工作0/9

  所有作业至少达成5个A0/5

• 通关倒计时
• 通关赏金

  100

  赏金说明

  赏金获得说明

  规定时间内一次通关，获得100%赏金;

  规定时间内第二次通关，获得70％赏金;

  规定时间内第三次通关，获得50％赏金;