Отступы/поля
Обычно мы используем много отступов, когда делаем веб-сайты для настольных компьютеров, чтобы сделать их более привлекательными. Делая его адаптивным для мобильных устройств, таблицы пытаются уменьшить существующие отступы и поля.
Пользовательский em/rem/percentage
Всегда старайтесь использовать em/percentage/rem вместо px, чтобы размер текста и изображений подстраивался под ширину устройства.
Гибкая обертка
Использование flexbox для выравнивания HTML-элементов, таких как ‹div>,<p>
и т. д., обеспечивает принудительное размещение элементов на одной строке или перенос на несколько строк в зависимости от их ширины.
Запрос мультимедиа
Медиа-запрос следует использовать для установки ширины и высоты в соответствии с точками останова. Точка останова относится к ширине, при которой веб-сайт начинает выглядеть искаженным.
Размер коробки
Это решает множество проблем, связанных с отступами, использование размера окна для элементов HTML с процентной шириной будет учитывать отступы, а не регулировать ширину из-за отступов.
{box-sizing : border box;}
Ты нашел это полезным? Свяжитесь с нами, чтобы узнать больше!