Выполнить »
×
Изменить ориентацию
Открыть на Codepen
Изменить тему, Темная/Светлая
<!DOCTYPE html> <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>
