Responsive web design - Introduction

What is responsive web design?

Responsive web design will make your webpage look good on all devices.

Адаптивный веб-дизайн использует только HTML и CSS.

Адаптивный веб-дизайн не является программой или JavaScript.

Дизайн для наилучшего опыта всех пользователей

Для просмотра веб-страниц можно использовать множество различных устройств: настольные компьютеры, планшеты и мобильные телефоны. Независимо от того, какое устройство вы используете, ваша веб-страница должна выглядеть美观о и быть удобной в использовании.

Веб-страницы не должны弃ать информацию, чтобы соответствовать较小ным устройствам, а должны адаптировать содержимое для любого устройства:


Десктопный компьютер

Планшет

Мобильный телефон

Если вы используете CSS и HTML для изменения размера, скрытия, уменьшения, увеличения или перемещения содержимого, чтобы оно выглядело хорошо на любом экране, это называется адаптивным веб-дизайном.

Если вы не понимаете приведенный ниже пример, не волнуйтесь, мы разложим код по полочкам в следующей главе:

Попробуйте сами