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

2016-03-17 21:23:59 +08:00
 chimingphang

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

3065 次点击
所在节点    CSS
10 条回复
Neo
2016-03-17 21:38:22 +08:00
找个框架用一下，基本不用写太多了
bdbai
2016-03-17 21:55:51 +08:00
用 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
http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html
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
@7timesonenight thx
iyangyuan
2016-03-18 09:10:22 +08:00
这得看设计图吧，语法很简单，具体得看怎么响应

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/264302

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX