MediaQuery适配

January 10, 2013

230

MediaQuery适配

Thinking80s

January 10, 2013

More Decks by Thinking80s

See All by Thinking80s

响应式设计案例

0

190

响应式设计

0

170

Featured

See All Featured

Leadership Guide Workshop - DevTernity 2021

1

400

The Limits of Empathy - UXLibs8

2

720

Fantastic passwords and where to find them - at NoRuKo

53

4k

Balancing Empowerment & Direction

6

1.3k

Distributed Sagas: A Protocol for Coordinating Microservices

333

23k

Digital Ethics as a Driver of Design Innovation

PRO

1

460

10 Git Anti Patterns You Should be Aware of

PRO

659

62k

Measuring Dark Social's Impact On Conversion and Attribution

2

310

SEO Brein meetup: CTRL+C is not how to scale international SEO

2

2.9k

Mobile First: as difficult as doing things right

225

10k

A Soul's Torment

8

3.8k

Why Our Code Smells

PRO

340

58k

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