响应式 css 代码编写的思路？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

这是一个创建于 3204 天前的主题，其中的信息可能已经有所发展或是发生改变。

响应式 css 代码编写的思路是怎样子的？我现在写的时候比较乱，一时添加一点这个，一是添加一点那个。求指点下

10 条回复 • 2016-03-18 09:10:22 +08:00

Neo

2016-03-17 21:38:22 +08:00

找个框架用一下，基本不用写太多了

bdbai

2016-03-17 21:55:51 +08:00 via iPhone

用 Less 或 Sass 预编译，加到构建工具 /打包工具 /npm scripts 中跑。

chimingphang

2016-03-17 21:55:52 +08:00

@Neo 有时候用框架但是没有自己要的效果就要自己写

chimingphang

2016-03-17 21:56:40 +08:00

是不是该先写完 desktop,然后再写 mobile ？

ByZHkc3

2016-03-17 22:00:55 +08:00

看下 css3 的媒体查询~

miyuki

2016-03-17 22:08:53 +08:00 via Android

7timesonenight

2016-03-17 22:27:52 +08:00

@chimingphang

两种写法，
Mobile First ，默认写的就是 mobile ，然后给其它尺寸的设备添加 media query
Desktop First ，相反。

chimingphang

2016-03-18 08:38:17 +08:00

@miyuki nice shoot

chimingphang

2016-03-18 08:39:40 +08:00

iyangyuan

2016-03-18 09:10:22 +08:00 via iPhone

这得看设计图吧，语法很简单，具体得看怎么响应