Резиновая верстка – это метод создания веб-страниц, при котором их внешний вид автоматически подстраивается под разные размеры экрана. Такая верстка позволяет пользователям комфортно просматривать сайт на различных устройствах.
Есть два типа резиновой верстки на Тильде – это window-container и autoscale:
Autoscale — это функция, которая позволяет масштабировать блок на всю ширину экрана. При этом пропорционально растягиваются все элементы сайта (фото, шрифты, кнопки и т.д.).
Window Container — это расположение элементов по границам экрана в заданных параметрах (например: обложка первого блока сайта на 50% или 100% ширины экрана; расположение текстового блока всегда на 40 px сверху и на 20 px слева от края экрана).
Эти типы верстки позволяет вашему сайту адаптироваться под любой размер экрана. Сайт будет хорошо выглядеть как на экране 1366х768, так и на экране 1920х1080. Примеры:
Window Container Первый экран сайта на экране 1366х768
Window Container Первый экран сайта на экране 1920х1080
Autoscale Первый экран сайта на экране 1366х768
Autoscale Первый экран сайта на экране 1920х1080