Адаптивный веб-дизайн — Введение
Что такое адаптивный веб-дизайн?
Благодаря адаптивному веб-дизайну ваша веб-страница будет хорошо выглядеть на всех устройствах.
Адаптивный веб-дизайн использует только HTML и CSS.
Адаптивный веб-дизайн — это не программа и не JavaScript.
Дизайн для лучшего опыта для всех пользователей
Веб-страницы можно просматривать на самых разных устройствах: настольных компьютерах, планшетах и телефонах. Ваша веб-страница должна хорошо выглядеть и быть простой в использовании независимо от устройства.
Веб-страницы не должны опускать информацию, чтобы соответствовать небольшим устройствам, а должны адаптировать свой контент для любого устройства:
![](https://www.w3schools.com/howto/rwd_desktop.png)
Рабочий стол
![](https://www.w3schools.com/howto/rwd_tablet.png)
планшет
![](https://www.w3schools.com/howto/rwd_phone.png)
Телефон
Это называется адаптивным веб-дизайном, когда вы используете CSS и HTML для изменения размера, скрытия, уменьшения, увеличения или перемещения содержимого, чтобы оно хорошо выглядело на любом экране.
Не волнуйтесь, если вы не понимаете приведенный ниже пример, мы разберем код шаг за шагом в следующих главах: