- 背景:
让一个网站兼容不同分辨率的设备,给用户更好的视觉使用体验。
- 框架及介绍
bootstrap的
栅格布局
- 优缺点
优点
:解决设备之间的差异和展示
缺点
:代码多、工作量大、加载速度受影响
对原有网络布局产生影响,用户判断未必准确
- 设计原则
移动优先
:设计之初就要考虑页面如何在多端显示
渐进增强
:充分发挥硬件设备的最大功能
- 实现方式
1.css3 media query(媒体查询)【比较简单的项目,满足大部分的需求】
2.借助原生js【不推荐】
3.第三方开源框架(bootstrap,iView,ElmentUI)
重点是框架中的栅格系统
(响应式的技术重点)