Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

响应式设计案例

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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
230
响应式设计
Avatar for Thinking80s dengpeng
0
170

Other Decks in Design

See All in Design
2026-04-06 CMU School of Design "Vision-Driven Design"
Avatar for Hiroshi Ishii ishii_mit
0
140
インターンから2年 新卒フロントエンドエンジニアから見た サイボウズのアクセシビリティ
Avatar for tak taku10101
0
140
Design dependencies
Avatar for Teba_eleven teba_eleven
0
170
デザイン組織の"次の"強みづくり
Avatar for 井斉花織（いおり） isaikaori
2
240
再設計される業務 - AIにより再設計される "デザインワークフロー" / AI Ops Lab #2 Redesigned orkflows
Avatar for こぎそ / Shinichi Kogiso kgsi
0
910
もっともらしさ生成器と暮らす – AI懐疑派の試行錯誤
Avatar for sekig(ojiee) sekiguchiy
0
180
言幹と言葉（Stems & Leaves）
Avatar for 加来幸樹 SIGNCOSIGN kakukoki
0
220
root COMPANY DECK / We are hiring！
Avatar for 株式会社ルート root_recruit
4
30k
柔軟性のあるUIで、多くの環境でアプリを活躍させる/iOSDC26
Avatar for noppefoxwolf noppefoxwolf
0
390
富山デザイン勉強会_デザイン思考.pdf
Avatar for keita keita_yoshikawa
3
160
The Art of Caring
Avatar for Klemens klemens
0
450
図面資産×AI 眠れる資産を起こす挑戦
Avatar for 青野正寛 aonomasahiro
0
240

Featured

See All Featured
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
1
1.6k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.4k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
6
1.3k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
1
350
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
320
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.9k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
3k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
4.7k
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
1
510
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
350
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3.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. 谢谢