Conditional CSS doesn’t work in Chrome
Jeremy Keith’s Conditional CSS technique currently doesn’t work in Chrome.
@media all and (min-width: 45em) {
body:after {
content: 'widescreen';
display: none;
}
}
The problem is with how Chrome will not generate pseudo elements when set to display: none.
My current solution/hack is to fallback to the head font-size code, as Opera now supports this.
@media screen and (min-width: 45em) {
head {
font-family: widescreen;
}
}