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

响应式设计案例

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Thinking80s Thinking80s
January 14, 2013
Design
190
0

 响应式设计案例

Avatar for Thinking80s

Thinking80s

January 14, 2013

More Decks by Thinking80s

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

Other Decks in Design

See All in Design
デザインを信じていますか
Avatar for sekig(ojiee) sekiguchiy
1
1.2k
I.A. como meio, não como fim. Dados + IA e até onde vai a promessa?
Avatar for Viviane Delvequio videlvequio
0
280
UI/UX & Web Design Portfolio 2025｜Madoka Kumagai
Avatar for Madoka madoka_portfolio
4
230
Spacemarket Brand Guide
Avatar for Spacemarket spacemarket
2
600
コンテンツ作成者の体験を設計する
Avatar for Chiaki Okamoto chiilog
0
150
Drawing for Animation
Avatar for Mandalyn Teo lynteo
2
290
Crisp Code inc.｜ブランドガイドライン - Brand guidelines
Avatar for So Kotani / Crisp Code inc. CEO so_kotani
1
360
情報を翻訳する-伝わる可視化３原則とオープンデータ活用-
Avatar for Hajime Kato hjmkth
1
240
AIスライドデザインを生成する仕組みを社内共有する
Avatar for 太田賢一 kenichiota0711
7
5.4k
デザイナーが主導権を握る、AI協業の本音と実践
Avatar for satosio satosio
7
3.2k
図じゃなく言語で描く - Common Ground for Design AI Operations.
Avatar for Kazuki Ikeda kazukiikeda
2
820
社長の宿題への回答 「新卒×AI」が生み出す価値
Avatar for さき saki822
2
130

Featured

See All Featured
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
672
58k
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
370
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
120k
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
7.2k
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
610
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.9k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5k
Done Done
Avatar for chrislema chrislema
186
16k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
2
1.4k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.2k

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