页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。
开始
可以看一个响应式demo
一个强大的网站,可有界面帮助做布局,直接导出代码。
SVG
可缩放的矢量图形,和算法有关,做图标很爽,所以只能做一些偏简单的图形,图像就算了
三方库,如polyfill
<img src"path-to-default-image.jpg" alt"<em>响应</em><em>式</em>图片的
这里开发老师模块的时候发现,交互和<em>设计</em>不按常理出牌,一块内容占3块嫌少,占4块嫌多,然后就很尴尬了。
其他方案
两套代码,根据UA来判断显示哪套,这个实现了<em>响应</em><em>式</em>的效果,但是和我们讨论的<em>响应</em><em>式</em>有点远。
总结
<em>响应</em><em>式</em>是一整套的东西,需要从产品-<em>设计</em>-开发整体来规划。
遵循<em>响应</em><em>式</em><em>设计</em>的原则(如布局、元素变化呈现),在代码开始之前的大框架需要规划好。
代码规划方面。由于<em>响应</em><em>式</em>是多套代码,如何组织代码对后续维护影响很大。
<em>响应</em><em>式</em>的性能需要重点关注。