body { background-color: white; -webkit-text-size-adjust: 100%; } @media screen and (max-width: 1200px) { body { background-color: #f8f; } } @media screen and (max-width: 1100px) { body { background-color: #88f; } } @media screen and (max-width: 1000px) { body { background-color: #8ff; } } @media screen and (max-width: 900px) { body { background-color: #8f8; } } @media screen and (max-width: 800px) { body { background-color: #ff8; } } @media screen and (max-width: 700px) { body { background-color: #f88; } } @media screen and (max-width: 600px) { body { background-color: #f0f; } } @media screen and (max-width: 500px) { body { background-color: #00f; } } @media screen and (max-width: 400px) { body { background-color: #0ff; } } @media screen and (max-width: 300px) { body { background-color: #0f0; } } @media screen and (max-width: 200px) { body { background-color: #ff0; } } @media screen and (max-width: 100px) { body { background-color: #f00; } } @media screen and (orientation: landscape) { body { color: blue; } } @media screen and (-webkit-min-device-pixel-ratio: 2) { p { border: 1px solid blue; } }