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
実践ゼロから作らないデザインシステム SaaS × デザインシステム × プロダクトデザイン / Efficient Design System for SaaS—no need to start from scratch.
Avatar for 株式会社カミナシ kaminashi
2
1.7k
「デザイン」を信じるには
Avatar for なつ iflection
0
280
誰もがAIエージェントを"操作"したがる〜AIエージェントに求められるUX〜
Avatar for Shota Ikeyatsu ikeyatsu
2
1.8k
Design Studio Deck | インクルーシブデザインスタジオCULUUM
Avatar for インクルーシブデザインスタジオCULUMU culumu
3
1.8k
Kid Cowboy 103
Avatar for Marilu Molina marilutwin
0
270
Flow, Not Stock 知識触媒としてのIA
Avatar for Takehisa Gokaichi 5kaichi
1
290
Liquid Iron
Avatar for Brynn McDucky P. mcduckyart
1
110
RAKSUL_DESIGN_DECK_20250319
Avatar for RAKSUL raksulrecruiting
0
390
Hybrid NW Infra Design Review: Classic Pattern including Outposts & Route 53 Profile
Avatar for ICHICHI ichichi
2
680
7 Core Values of Round-L
Avatar for Round-L wired888
0
220
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
Avatar for Shingo Suzuki shingo2000
1
1.5k
ポートフォリオ_webデザイナー
Avatar for Nami_designer/corder nami_webdesigner
0
100

Featured

See All Featured
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
3.9k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
2.9k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
42
7.4k
How GitHub (no longer) Works
Avatar for Zach Holman holman
314
140k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
10
690
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
278
23k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
69
4.7k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
95
6.1k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
25
1.7k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
740
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
6
300

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