Как социальная сеть ВК адаптируется к разным размерам экранов устройств?

Социальная сеть «ВКонтакте» адаптируется к разным размерам экранов устройств с помощью адаптивной вёрстки. www.directline.pro Разработчики ориентируются не на конкретные размеры страницы, а на брейкпоинты — контрольные точки, при достижении которых меняется дизайн и соотношение элементов. www.directline.pro

Некоторые аспекты адаптации:

• Размер текста. vk.com Он должен быть не слишком крупным и удобным для прочтения с телефона. vk.com Чтобы изменить размер текста, нужно поставить галочку в панели адаптивности в разделе «Размер» и выбрать необходимый размер. vk.com
• Размер и положение картинок. vk.com Чтобы изменить размер картинки, нужно нажать на гаечный ключ, в пункте «Размер» навести мышку на надпись «Для всех устройств» и нажать на галочку «Включить настройку для телефона». vk.com После чего изменить размер (в процентах или пикселях) и положение картинки (по центру, по левому или правому краю). vk.com
• Отступы секции и виджетов. vk.com Чтобы изменить отступы секции, нужно зайти в настройки секции и кликнуть по иконке мобильного телефона. vk.com Далее нажать галочку «Изменить отступ сверху/снизу» и задать необходимое значение. vk.com Для изменения отступов виджетов нужно открыть настройки виджета, кликнуть по иконке телефона и нажать галочку «Изменить отступ сверху/снизу/слева/справа» и изменить значение. vk.com
• Секция с блоками. vk.com Для секции с блоками используются отдельные настройки адаптации. vk.com Для телефонов можно изменять количество колонок в ряд, а также отступы. vk.com Для этого нужно зайти в настройки блоков в раздел «Вид», в пункте «Количество колонок» выбрать «Включить настройку для телефонов» и изменить количество колонок. vk.com

Также в социальной сети «ВКонтакте» есть мобильное меню, которое разворачивается при нажатии на него и помогает оставить больше места для контента. taptop.pro