x
<html><head><style>body { background-color: tan; color: black;}/* На экранах шириной 992 пикселя или меньше цвет фона синий */@media screen and (max-width: 992px) { body { background-color: blue; color: white; }}/* На экранах шириной 600 пикселей или меньше цвет фона оливковый */@media screen and (max-width: 600px) { body { background-color: olive; color: white; }}</style></head><body><h1>Измените размер окна браузера, чтобы увидеть эффект!</h1><p>По умолчанию цвет фона документа - "коричневый". Если размер экрана составляет 992 пикселей или меньше, цвет изменится на "синий". Если это 600 пикселей или меньше, он изменится на "оливковый".</p></body></html>