height | Wiki | PWODEV
, 19.12.2017 13:30

Как привязать футер к низу страницы

Сегодня найдем окончательное надежное решение вопроса как средствами css прижать футер к низу страницы с помощью css и html. Притянуть футер низ страницы. Также этим способом можно отцентровать контент content по середине страницы. Для того чтобы прижать footer к низу страницы нужно создать определенную структуру html: [crayon-5bf69787dc67a740468421/] После того как структура страницы готова, приступаем к настройке css. Нам нужно сделать так чтобы html и body занимали всю высоту...
, 24.10.2017 10:19

Viewport — мета тег для нормальной верстки для мобильного устройства.

Если вы верстаете под мобильное устройство iPhone или Android да и вообще любое другое устройство, правильно чтобы верстка отображалась одинаково на всех видах экрана, чтобы не было косяков и все было корректно по дизайну. Если вы верстаете правильно, а так и надо, то вам пригодится очень важный тег который позволит убрать стандартное увеличение, зум (zoom) и чтобы ширина (width) и высота (height) на мобильном (mobile) устройстве отображалась пиксель в пиксель, только тогда мы сможем видеть...
pwodev.com, 22.11.2018 11:48
, 18.10.2017 14:29

Height 100vh for mobile browsers iPhone and Android

При высоте контейнера height:100vh; на мобильных устройствах, этот контейнер немного перекрывается адресной строкой вверху, либо панелью управления мобильного браузера внизу. Мобильном устройстве, при прокрутке страницы ниже, адресная строка и панель управления убираются, после чего наш контейнер показывается полностью. Отследить правильный размер экрана нам поможет этот JS код: [crayon-5bf69787de4ad464662000/] Запускать это лучше всего при загрузке страницы, а потом при скролле...