使用@media实现IE hack的方法
2016-12-09 16:54
295 查看
网页制作Webjx文章简介:众所周知,有些时候为了实现IE下的某些效果与现代浏览器一致,我们不得不使用一些hack手段来实现目的。比如说使用“\0”,“\”和“\9”来仅让IE某些版本识别,而对于现代浏览器来说,他会直接无视这些代码。今天我想为大家介绍的是使用@media实现IE hack的方法.
随着Responsive设计的流行,Medial Queries可算是越来越让人观注了。他可以让Web前端工程实现不同设备下的样式选择,让站点在不同的设备中实现不同的效果。这个早前在w3cplus已经介绍过,如果你还没有接触,不仿点击这里详细阅读。今天在看blog时发现一个其他的使用方法,就是利用@media来做一些IE下的特殊效果。
众所周知,有些时候为了实现IE下的某些效果与现代浏览器一致,我们不得不使用一些hack手段来实现目的。比如说使用“\0”,“\”和“\9”来仅让IE某些版本识别,而对于现代浏览器来说,他会直接无视这些代码。今天我想为大家介绍的是使用@media实现IE hack的方法:
仅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-spe
仅支持谷歌
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.footer .layout-help { padding-bottom:357px;
}
}
随着Responsive设计的流行,Medial Queries可算是越来越让人观注了。他可以让Web前端工程实现不同设备下的样式选择,让站点在不同的设备中实现不同的效果。这个早前在w3cplus已经介绍过,如果你还没有接触,不仿点击这里详细阅读。今天在看blog时发现一个其他的使用方法,就是利用@media来做一些IE下的特殊效果。
众所周知,有些时候为了实现IE下的某些效果与现代浏览器一致,我们不得不使用一些hack手段来实现目的。比如说使用“\0”,“\”和“\9”来仅让IE某些版本识别,而对于现代浏览器来说,他会直接无视这些代码。今天我想为大家介绍的是使用@media实现IE hack的方法:
仅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-spe
仅支持谷歌
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.footer .layout-help { padding-bottom:357px;
}
}
相关文章推荐
- 使用@media实现IE hack的方法
- 使用@media实现IE hack的方法
- 使用php+apc实现上传进度条且在IE7下不显示的问题解决方法
- Medial Queries的另一用法:实现IE hack的方法
- 使用php+apc实现上传进度条且在IE7下不显示的问题解决方法
- VSS实现版本控制管理的一些使用方法
- 使用反射实现根据名称动态创建窗体的几种方法。
- 使用ASP实现文件上载(上传)的各种方法
- 使用C#实现阿拉伯数字到大写中文的转换-第二种方法
- 使用新的方法来实现SharePoint网站日志更新
- 使用SQL语句实现SPLIT效果的几种方法
- (转)使用一个下拉框或文本框+列表框的方式实现类似IE地址栏自动完成的功能
- 在C#中使用异步Socket编程实现TCP网络服务的C/S的通讯构架(二)----使用方法
- 使用 JavaScript 实现 XMLHttpRequest,在IE,FireFox 上测试通过!
- 使用IE WebControls中的TabStrip控件和MultiPage控件实现选项卡式风格页面
- WinXP SP2 IE不能使用cookie的解决方法
- 如何:使用回调方法实现异步 Web 服务客户端
- 使用动态JavaScript实现多级菜单联动时不刷新页面的方法
- 使用 JSSE 和 NIO 实现非阻塞通信的一种快速方法
- 在C#中使用异步Socket编程实现TCP网络服务的C/S的通讯构架(二)----使用方法