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

响应式设计案例

Thinking80s
January 14, 2013
Design
0
170

 响应式设计案例

Thinking80s

January 14, 2013
Tweet

More Decks by Thinking80s

See All by Thinking80s
MediaQuery适配
dengpeng
0
88
响应式设计
dengpeng
0
140

Other Decks in Design

See All in Design
みてね デザイン組織の変遷とデザインマネージャーの振り返り
naoyawatanabe
3
620
20240120_画像生成AI_NovelAI入門・情報収集
doradora09
0
110
Jeremy's First Day
myates3
1
130
業務システムのUX/UI設計ノウハウを解説。デザイナー不在で失敗しないために身につけるべき基本とは？
ncdc
2
280
デザインテクノロジストが先導する プロダクト開発の世界
degudegu2510
1
360
Fooocus(Stable DiffusionXL)で アニメ画像生成の仕方
otanet
0
1k
Desarrollo de Carrera en Diseño y Producto
solmesz1
2
170
UX/UI改善に貢献するユーザーテストとは？ 基礎知識から実施のプロセスまで解説
ncdc
0
330
豊かな自然を守るための、 クラフトビール造りのプロジェクトとデザイン
kazuakiebe
0
450
デザインを誘発する「イネーブルメント」アプローチ #spectrumfest2023 / 20231203
minamitary
0
580
IPの世界観に寄り添う、マルチブランドなカラーシステム設計
jirosh1998
0
2.5k
2024デザすぷVol.4 新年会/ Design Sprout Bar vol-4
root_recruit
1
310

Featured

See All Featured
How GitHub Uses GitHub to Build GitHub
holman
468
290k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
241
1.2M
Making Projects Easy
brettharned
108
5.5k
The Cost Of JavaScript in 2023
addyosmani
16
3.9k
Navigating Team Friction
lara
178
13k
Why You Should Never Use an ORM
jnunemaker
PRO
51
8.6k
A designer walks into a library…
pauljervisheath
200
23k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
116
18k
Why Our Code Smells
bkeepers
PRO
331
56k
How to train your dragon (web standard)
notwaldorf
73
5.2k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
221
21k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
14
1.6k

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