Internet Explorer 9 不支持 css3 样式

Question

我有以下脚本，它在 Firefox 和 chrome 中运行良好。 ie9不显示颜色变化。

<style type="text/css">
body {
background-color: #FF77BB;
}
@media screen and (max-width: 960px) {
body {
background-color: #8A2BE2;
}
}
@media screen and (max-width: 768px) {
body {
background-color: #FF8C00;
}
}
@media screen and (max-width: 550px) {
body {
background-color: #7FFF00;
}
}
@media screen and (max-width: 320px) {
body {
background-color: #CC0011;
}
}
}
</style>

Answer 1

对我来说很好，只是在最后去掉多余的 }，其他浏览器可能不会成为问题，但 IE9 非常挑剔，如果一件事不妥，就会破坏整个事情。