任务说明

自从Web2.0的概念提出以后，包括浏览器在内的各种终端都有了很大的发展和变化，前端页面不仅要在像IE、Chrome、Firefox、QQ、360等诸多浏览器上运行，而且还可能在手机浏览器、手机微信网页中打开。因此，怎么保证同样的页面能在所有这些不同的浏览器及不同的设备，上有相同的表现，这是前端可用性及扩展性上面临的一项挑战。

知识点

• 理解平稳退化与渐进增强在浏览器适配中的意义与作用
• 能识别并在开发中处理不同浏览器内核之间的差异
• 熟悉不同类型设备的屏幕分辨率范围，如PC、平板、移动端
• 能正确区分各种尺寸单位完成页面的设计与布局，包括但不限于:
  • px、em、rem、rpx
  • dpi (每英寸点数)、 dip (设备无关像素)
  • 分辨率、屏幕尺寸
• 能熟练使用响应式布局中的媒体查询技术