MediaQuery适配

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属性判断
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