Найти тему

Резиновая верстка сайта.

Резиновая верстка – это метод создания веб-страниц, при котором их внешний вид автоматически подстраивается под разные размеры экрана. Такая верстка позволяет пользователям комфортно просматривать сайт на различных устройствах.

Есть два типа резиновой верстки на Тильде – это window-container и autoscale:

Autoscale — это функция, которая позволяет масштабировать блок на всю ширину экрана. При этом пропорционально растягиваются все элементы сайта (фото, шрифты, кнопки и т.д.).

Window Container — это расположение элементов по границам экрана в заданных параметрах (например: обложка первого блока сайта на 50% или 100% ширины экрана; расположение текстового блока всегда на 40 px сверху и на 20 px слева от края экрана).

Эти типы верстки позволяет вашему сайту адаптироваться под любой размер экрана. Сайт будет хорошо выглядеть как на экране 1366х768, так и на экране 1920х1080. Примеры:

Window Container Первый экран сайта на экране 1366х768

1366х768
1366х768

Window Container Первый экран сайта на экране 1920х1080

1920х1080
1920х1080

Autoscale Первый экран сайта на экране 1366х768

1366х768
1366х768

Autoscale Первый экран сайта на экране 1920х1080

1920х1080
1920х1080