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

Posted DarthBadwolf

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了响应式开发的思路和断点的选择相关的知识,希望对你有一定的参考价值。

一般思路有两种,

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

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

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

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

 

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

举个栗子,

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

 

以上是关于响应式开发的思路和断点的选择的主要内容,如果未能解决你的问题,请参考以下文章

SASS优化响应式断点管理

浅谈前端响应式设计

浅谈前端响应式设计

想找一家响应式网站开发公司,有啥好的推荐吗?

融合响应式设计的知识点

CTO 首次分享|为啥我选择 Spring 响应式编程?