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

MediaQuery适配

Avatar for Thinking80s Thinking80s
January 10, 2013
230
0

 MediaQuery适配

Avatar for Thinking80s

Thinking80s

January 10, 2013

More Decks by Thinking80s

See All by Thinking80s
响应式设计案例
Avatar for Thinking80s dengpeng
0
190
响应式设计
Avatar for Thinking80s dengpeng
0
170

Featured

See All Featured
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
2.2k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
500
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
1.8k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
620
Exploring the relationship between traditional SERPs and Gen AI search
Avatar for Ray Grieselhuber raygrieselhuber
PRO
2
4.2k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
53k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.3k
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
640
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
2
390
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2.2k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
920

Transcript

  1. Media Query适配尺寸

  2. media type • IE5.5/6/7不支持在@import中使用媒体类型 • Safari/firefox只支持all,screen,print三种类型 (包括iphone) • Opera 完全支持

    • Opera mini 支持handheld，未指定则使用 screen • Windows Mobile系统中的IE支持handheld，

  3. media query • media query是CSS 3对media type的增强，事 实上我们可以将media query看成是media type+css属性判断

  4. None
  5. None
  6. None
  7. None

  8. 参考 • 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