响应式设计案例

6920633661268df126ec6eee9b76a844?s=47 Thinking80s
January 14, 2013
Design
0
120

 响应式设计案例

6920633661268df126ec6eee9b76a844?s=128

Thinking80s

January 14, 2013
Tweet

More Decks by Thinking80s

See All by Thinking80s
6920633661268df126ec6eee9b76a844?s=48 dengpeng
0
32
6920633661268df126ec6eee9b76a844?s=48 dengpeng
0
99

Other Decks in Design

See All in Design
Ee67564a1a0e290cccf3c4a415e51c48?s=48 eto
1
150
32b869eccead66531b4749ea9f146aed?s=48 yuinamiki
0
440
99de77666ff40dbf0988652899cc92ef?s=48 kamihira
1
800
95aaab3d693889550fd2e7ae02f2f789?s=48 takaking22
2
250
3dfed36dc1543f0007b5fd46fcb41a47?s=48 yunoda
0
890
6f9c90981748adfbe77022cfb228d386?s=48 michalis_art
0
130
Ca63f6ee64787c337d905b069085324c?s=48 juliannaromero
1
150
Ec8e76e781c167e8d323abae71a7f1a8?s=48 keigo_arakaki
1
3k
1b957a6255dca8e9cc77db19f2cf1358?s=48 kackington
0
270
4fe9c38064244b38e7cc7627135c5008?s=48 basakbuse
0
120
5d6b856d87eac762ba8fb94a002f75af?s=48 storybychad
1
240
82414e7232f1483734d998f5c2e4f346?s=48 misaaa09
0
730

Featured

See All Featured
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
113
7k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
218
14k
2f5463832ccb768ccb4a1ca3607c27ef?s=48 jacobian
251
19k
A9179349dd2bdc67f377719f56d85656?s=48 garrettdimon
284
110k
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
4
500
7fa6101cd43067653cf4ac6c7ca54305?s=48 akmur
252
19k
E76911cbe088e5b850d966de3fc7435b?s=48 robhawkes
52
2.7k
Dafc4723e9a1c067796c0fec6f509774?s=48 lemiorhan
621
40k
Ae14cc4491ac334f9cd23f9f93b4305e?s=48 orderedlist
PRO
326
35k
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
256
10k
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
112
24k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
281
46k

Transcript

  1. 响应式设计案例 2013-01-14

  2. 案例 • http://www.microsoft.com/ • http://mp3.easou.com/ • http://xuan.3g.cn/ • http://m.taobao.com/ •

    http://www.breadandpepper.com/ • http://cssgrid.net/

  3. Mobile –(竖屏)

  4. Mobile –(横屏)

  5. Pad –(竖屏)

  6. Pad –(横屏)

  7. Mobile –(竖屏)

  8. Mobile –(横屏)

  9. Pad –(竖屏)

  10. Pad –(横屏)

  11. Mobile –(竖屏)

  12. Mobile –(横屏)

  13. Pad –(竖屏)

  14. Pad –(横屏)

  15. Mobile –(竖屏)

  16. Mobile –(横屏)

  17. 谢谢