响应式WEB设计备忘录

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

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

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

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