Getting Started with the basic Retina Support for WordPress text-rendering Let’s start at the beginning of our stylesheet (style.css)
|
1 2 3 |
body { text-rendering: optimizeLegibility; } |
Media Queries moving toward the bottom where technically this would be just enough:
|
1 2 3 4 5 6 7 8 |
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (min-device-pixel-ratio:1.5) { body {} } |
The Future
|
1 2 3 4 5 6 7 8 9 10 |
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) { body {} } |
Note that min–moz-device-pixel-ratio…