[英]css3 media query not working in IE below ie10
我已经创建了一个响应式电子邮件模板, 问题是媒体查询在IE10浏览器下无法正常工作。 我已经使用js库使其运行,但无法正常工作。
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
@media screen and (max-width: 600px) {
/*widths for standard blocks*/
table[class=w15], td[class=w15], img[class=w15] {width:15px !important;}
table[class=w170], td[class=w170], img[class=w170] {width:290px !important;}
table[class=w180], td[class=w180], img[class=w180] {width:145px !important;}
table[class=w200], td[class=w200], img[class=w200] {width:320px !important;}
}
</style>
<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
</head>
IE的最佳媒体查询技巧是
IE10 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {}
IE8 @media \0screen {}
IE7 @media screen\9 {}
您可以在上述任何媒体查询中添加IE特定的CSS代码。
在此处了解更多信息: http : //browserhacks.com/
我还看到IE 9是@media屏幕和(min-width:0 \\ 0){}
问题-您可以仅在样式标签中添加该代码段,还是还需要在{}之间添加所有适用的CSS?
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.