在Chrome媒体查询中使用rem
单位是否可行?
rem
单位在Chrome中运作良好,只是似乎它们在媒体查询中不被支持。这可能吗?还是这个CSS有其他问题?
body { background-color: yellow; }
@media only all and (max-width: 40rem) {
body { background-color: red; }
}
@media only all and (min-width: 40rem) and (max-width: 60rem) {
body {background-color: green;}
}
@media only all and (min-width: 60rem) {
body { background-color: blue; }
}
现场演示请访问http://jsfiddle.net/jsQ2N/2/show/,仅em
版本请访问http://jsfiddle.net/jsQ2N/3/show/。