Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
MediaQuery适配
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Thinking80s
January 10, 2013
0
210
MediaQuery适配
Thinking80s
January 10, 2013
Tweet
Share
More Decks by Thinking80s
See All by Thinking80s
响应式设计案例
dengpeng
0
190
响应式设计
dengpeng
0
160
Featured
See All Featured
Designing Experiences People Love
moore
144
24k
Un-Boring Meetings
codingconduct
0
200
ラッコキーワード サービス紹介資料
rakko
1
2.3M
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
140
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1k
AI Search: Where Are We & What Can We Do About It?
aleyda
0
6.9k
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
110
Making the Leap to Tech Lead
cromwellryan
135
9.7k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
240
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
What does AI have to do with Human Rights?
axbom
PRO
0
2k
Agile that works and the tools we love
rasmusluckow
331
21k
Transcript
Media Query适配尺寸
media type • IE5.5/6/7不支持在@import中使用媒体类型 • Safari/firefox只支持all,screen,print三种类型 (包括iphone) • Opera 完全支持
• Opera mini 支持handheld,未指定则使用 screen • Windows Mobile系统中的IE支持handheld,
media query • media query是CSS 3对media type的增强,事 实上我们可以将media query看成是media type+css属性判断
None
None
None
None
参考 • http://xxlovexx.cn/post/2012-05- 18/21720537 • http://pugetworks.com/blog/2011/04/css- media-queries-for-targeting-different-mobile- devices/ • http://www.javascriptkit.com/dhtmltutors/css
mediaqueries2.shtml • http://www.qianduan.net/media-type-and- media-query.html