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
Hatena Engineer Seminar #33 チームと開発するためのモック
Avatar for takuwolog takuwolog
0
410
Storyboard Honey
Avatar for Rocío Parrón rocioparronrubio
0
340
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
430
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
Avatar for 北見海貴 kitami
1
280
読書シェア会 vol.5 / Yumemi.grow 20250526
Avatar for Rakus_Dev rakus_dev
0
1.7k
mento Design Team Portfolio
Avatar for mento _official mento0fficial
0
510
サービスデザインにおける、 映像活用の可能性（Spectrum Tokyo Meetup #18）
Avatar for Akihide Kanai ka71
0
150
事例で学ぶ！今日から使えるWebサービスUI改善ポイント
Avatar for NCDC ncdc
0
200
RAKSUL_DESIGN_DECK_20250319
Avatar for RAKSUL raksulrecruiting
0
480
Saudade typeface
Avatar for Tiago Porto tiagoporto
0
340
今日から意識できるアクセシビリティ
Avatar for fumiko fumiko
0
290
sachi_y_portfolio
Avatar for Sachi sachi337
0
460

Featured

See All Featured
Visualization
Avatar for Eitan Lees eitanlees
146
16k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
251
21k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.4k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
33
2.4k
Adopting Sorbet at Scale
Avatar for Ufuk Kayserilioglu ufuk
77
9.5k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.6k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
656
60k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
431
65k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
51
8.8k
Faster Mobile Websites
Avatar for Dean Hume deanohume
308
31k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
301
21k

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