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

Claude Code どこまでも/ Claude Code Everywhere

67

58k

Reality Check: Gamification 10 Years Later

0

2.3k

The Art of Programming - Codeland 2020

57

14k

The Art of Delivering Value - GDevCon NA Keynote

16

2.2k

Ten Tips & Tricks for a 🌱 transition

0

220

Organizational Design Perspectives: An Ontology of Organizational Design Elements

PRO

1

820

Building the Perfect Custom Keyboard

2

870

From π to Pie charts

0

360

The Pragmatic Product Professional

37

7.4k

Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes

2

520

How to Create Impact in a Changing Tech Landscape [PerfNow 2023]

56

3.5k

Docker and Python

47

4.2k

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