一般思路有两种,
1. 渐进增强. 即先开发比较低级的版本, 再开发高级的
2. 优雅降级. 与第一种方式相反.
个人倾向第2种, 因为如果迭代比较快的话, 那么往往低级的版本刚开发完成, 可能整个项目已经不存在了, 比较没有意义.
还有另外一种思路是根据先开发大屏幕还是先开发小屏幕来区分. 这个感觉可以具体情况具体分析, 看侧重于哪一种用户.
断点就是媒体查询种设置的宽度, 按屏幕的大小选择
举个栗子,
0--480px | 481--800px | 801--1400px | 1400px+ |
小屏幕 | 中屏(iPad 大屏手机等) | 大屏(pc等) | 巨屏 |