响应式WEB设计备忘录

  1. 响应式设计的落脚点还是设计,而不应该完全遵从“ 移动第一 ”的死板原则。因此,确定媒介查询断点,最好基于设计(设计稿或布局被破坏点的尺寸)而非特定的移动设备。

  2. 媒介查询的断点可尝试用单位 em 取代px,因为 em 是 融通尺寸width/height和字号font-size的最佳单位(尺寸的% 和 字号的%基准不一,而 em 可实现两者变化的统一)。

  3. 在响应式设计中,基于em的弹性布局在很大程度上是替代基于%的流式布局的最佳方案。

  4. 贯彻“ 移动优先 ”的思想:移动设备的用户,通常使用小视窗的设备,不应该加载pc机上面的所有样式,之后又加载为移动设备写的样式。正确的方式是:先确定移动端的样式,按照设计稿层层往上,最后确定PC端样式。另,选择 “从大到小” 还是 “从小到大”,对应着 “min-width” 和 “max-width” 的选择。

posted @ 2013-10-15 00:41  密密缝  阅读(308)  评论(0编辑  收藏  举报