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
Thinking80s
January 10, 2013
0
200
MediaQuery适配
Thinking80s
January 10, 2013
Tweet
Share
More Decks by Thinking80s
See All by Thinking80s
响应式设计案例
dengpeng
0
180
响应式设计
dengpeng
0
150
Featured
See All Featured
Speed Design
sergeychernyshev
32
1k
KATA
mclloyd
30
14k
Practical Orchestrator
shlominoach
189
11k
Designing Experiences People Love
moore
142
24k
Navigating Team Friction
lara
187
15k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Typedesign – Prime Four
hannesfritz
42
2.7k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
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