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

MediaQuery适配

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Thinking80s Thinking80s
January 10, 2013
220
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
160

Featured

See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8.1k
Conquering PDFs: document understanding beyond plain text
Avatar for Ines Montani inesmontani
PRO
4
2.7k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.7k
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
530
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
17k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
330
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.7k
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
190
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
160

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