首页 > 代码库 > 响应式开发的思路和断点的选择

响应式开发的思路和断点的选择

一般思路有两种,

1. 渐进增强. 即先开发比较低级的版本, 再开发高级的

2. 优雅降级. 与第一种方式相反.

个人倾向第2种, 因为如果迭代比较快的话, 那么往往低级的版本刚开发完成, 可能整个项目已经不存在了, 比较没有意义.

还有另外一种思路是根据先开发大屏幕还是先开发小屏幕来区分. 这个感觉可以具体情况具体分析, 看侧重于哪一种用户. 

 

断点就是媒体查询种设置的宽度, 按屏幕的大小选择

举个栗子,

0--480px 481--800px 801--1400px 1400px+
小屏幕 中屏(iPad 大屏手机等) 大屏(pc等) 巨屏

 

响应式开发的思路和断点的选择