Создание адаптивных макетов в Framer

Узнайте, как работают режимы изменения размера в Framer и как выбирать между режимами Fixed, Relative, Fill, Fit Content и Viewport при создании адаптивных веб-сайтов. В этом уроке вы узнаете, с чем сравнивается каждый режим изменения размера в Framer и как это влияет на ваш макет при изменении области просмотра. Мы рассмотрим, как режим Relative реагирует на родительский элемент, как режим Fill использует единицы fr для разделения доступного пространства между соседними элементами, как режим Fit Content изменяет размер слоя вокруг его дочерних элементов и как режим Viewport использует само окно браузера. Вы также увидите, как комбинировать различные режимы изменения размера для ширины и высоты, создавать распространенные шаблоны адаптивной компоновки и избегать конфликтов между режимами Fill и Fit Content. В конце вы сможете, взглянув на слой, определить, что должно управлять его размером, и выбрать правильный режим изменения размера для создаваемого вами макета. 00:00 Введение 00:22 Фиксированные размеры 01:00 Относительные размеры 01:50 Размеры заливки и единицы измерения fr 03:41 Размеры подгонки содержимого 04:34 Смешивание высоты и ширины 05:10 Размеры области просмотра 05:49 Разрешение конфликтов размеров 06:23 Заключение Регистрация: https://framer.link/yt Подписаться: https://framer.link/yt-x Обучение: https://framer.link/yt-academy