Upgrade to Pro — share decks privately, control downloads, hide ads and more …

响应式设计案例

Avatar for Thinking80s Thinking80s
January 14, 2013
Design
0
180

 响应式设计案例

Avatar for Thinking80s

Thinking80s

January 14, 2013
Tweet

More Decks by Thinking80s

See All by Thinking80s
MediaQuery适配
Avatar for Thinking80s dengpeng
0
200
响应式设计
Avatar for Thinking80s dengpeng
0
150

Other Decks in Design

See All in Design
Storyboard Honey
Avatar for Rocío Parrón rocioparronrubio
0
280
札幌の雪を観光資源に変える：デザインプログラムSESSAの挑戦
Avatar for Ittyanm ittyann
0
260
読書シェア会 vol.5 / Yumemi.grow 20250526
Avatar for Rakus_Dev rakus_dev
0
1.6k
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
Avatar for 北見海貴 kitami
1
210
DC Style Redesign
Avatar for Brynn McDucky P. mcduckyart
0
130
The Golden Whitney
Avatar for OhTristanArt ohtristanart
PRO
0
550
Haley's adventure chase
Avatar for Ivette Molina ivettetwin
0
240
FigmaのFigmaファイルから学ぶTips & Tricks
Avatar for Hiroki Tani hilokifigma
0
470
ポートフォリオ_webデザイナー
Avatar for Nami_designer/corder nami_webdesigner
0
100
Building foundations 堅牢なデザイントークンの設計
Avatar for Hiroki Tani hilokifigma
2
3.5k
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
Avatar for Andrew Shapiro ashapiro
0
290
新年あけおめWSの実施スキルをみんなで振り返りタイムのススメ
Avatar for sugiyama sugiyama_sukedachi
0
140

Featured

See All Featured
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
Fireside Chat
Avatar for paigeccino paigeccino
37
3.5k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.4k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
229
22k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
69
11k
How GitHub (no longer) Works
Avatar for Zach Holman holman
314
140k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.5k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
42
7.4k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.7k
Making Projects Easy
Avatar for Brett Harned brettharned
116
6.3k

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. 谢谢