Medial Queries的另一用法——服务于IE
2015-10-28 13:28
363 查看
仅IE6和IE7识别
@media screen\9 { .selector { property: value; } }
仅IE6和IE7、IE8识别
@media \0screen\,screen\9 { .selector { property: value; } }
仅IE8识别
@media \0screen { .selector { property: value; } }
仅IE8-10识别
@media screen\0 { .selector { property: value; } }
仅IE9和IE10识别
@media screen and (min-width:0\0) { .selector { property: value; } }
仅IE10识别
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10-specific styles go here */ }
上面几个@media配合“\”、“\0”和“\9”就能让不同版本的IE识别,那么具体项目中我们要怎么使用呢?
打个比方,如果你的body中设置了一个红色的背景,而想让不同版本IE变成别的颜色,那么我们就可以这么操作
body { background: red; } /* IE6、IE7变成绿色 */ @media all\9 { body { background: green; } } /* IE8变成蓝色 */ @media \0screen { body { background: blue; } } /*IE9和IE10变成黄色*/ @media screen and (min-width:0\0) { body { background: yellow; } }
IE的Hack方法我向来不提倡使用,但这些方法很少有人知道,贴上来与大家分享,希望在不得已的情况之下,这些hack方法能帮你解决问题,特别是国内的苦逼前端人员。
如需转载,烦请注明出处:/article/1214692.html
相关文章推荐
- UIView的简单动画
- UIScrollew笔记
- UE3采用多进程编译Shader
- QuickSand图片点击后分裂成几份消失效果《IT蓝豹》
- CSS media query应用中的层叠特性使用最佳实践
- iOS界面编程-UIDatePicker
- UIScrollView的属性总结
- STL顺序容器【vector】【deque】【list】
- ios9新增 UIAlertController 简单用法
- 关于Egret Engine 2.5.3引入GUI模块问题记录
- KSImageNamed 的安装 和常见问题处理
- LeetCode "Binary Tree Longest Consecutive Sequence"
- Unique Paths - LeetCode
- iOS-UIKit(UIDatePicker.h--解读)
- HDU 4449 Building Design 三维凸包+空间坐标变换
- 走进IBM开放云平台——Bluemix ( 上海meetup, 2015.10.31, 新天地 )
- UILabel 没有换行,显示3个点『...』解决方法
- CLI的终极进化体之TUI
- iOS-UIKit(UILabel.h常用技巧1(随字体多行后的高度,渐变字体Label,自适应高度,添加边框))
- UISwitch 圆点按钮