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
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
Avatar for Takahiro Hayashi taka_piya
1
1.4k
Kid Cowboy 103
Avatar for Marilu Molina marilutwin
0
270
組織で取り組むアクセシビリティのはじめ方
Avatar for cawpea masakiohsumi
0
160
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
Avatar for bebe bebe
0
670
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
Avatar for 山口哲弘 t2yamaguchi429
0
520
21 Ways to Call American Airlines Customer Care Full Guide USA
Avatar for Sonny americanhub
0
190
商業デザインのアクセシビリティにおける倫理フレームワークの考察
Avatar for Yu Morita securecat
1
620
DC Style Redesign
Avatar for Brynn McDucky P. mcduckyart
0
140
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
Avatar for Andrew Shapiro ashapiro
0
110
“ブロック”で作る、WordPress制作フロー変革のすすめ
Avatar for Koots koots2021
4
1.8k
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない？というお話
Avatar for なつ iflection
5
1.4k
Tools for Design Engineers other than LLM in the LLM era
Avatar for takanorip takanorip
1
350

Featured

See All Featured
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
69
4.7k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
108
19k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
32
1k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
656
60k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
35
2.4k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
96
6.1k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
71
11k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.7k

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