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
新しいデザインの難しさ（公開版） / Difficulties in the New Design (public ver.)
Avatar for usagimaru usagimaru
1
880
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ！
Avatar for Akiko Kurono cremacrema
0
1.5k
組織で取り組むアクセシビリティのはじめ方
Avatar for cawpea masakiohsumi
0
180
読書シェア会 vol.5 / Yumemi.grow 20250526
Avatar for Rakus_Dev rakus_dev
0
1.8k
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
Avatar for 北見海貴 kitami
1
340
企画を動かすデザイナーの思考！「広げて絞る」アプローチ。
Avatar for Hikida Kan hikidakan
0
160
CursorでAI活用のナレッジベースを構築する
Avatar for 神崎 kanzaki
0
670
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
Avatar for 山口哲弘 t2yamaguchi429
0
730
ビジネスアナリシスはビジネス”分析”じゃないよ！～システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス～
Avatar for BPStudy bpstudy
0
620
Bulletproof Design System with TypeScript
Avatar for takanorip takanorip
7
4.1k
Hatena Engineer Seminar #33 チームと開発するためのモック
Avatar for takuwolog takuwolog
0
430
Light My Fire/ハートに火をつけるコミュニティ
Avatar for kgsi kgsi
1
150

Featured

See All Featured
Faster Mobile Websites
Avatar for Dean Hume deanohume
309
31k
KATA
Avatar for Megan Lloyd mclloyd
32
14k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.6k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
96
6.2k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
303
21k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
23
3.7k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
15k
Designing for humans not robots
Avatar for Tammie Lister tammielis
253
25k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
188
55k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k

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