2015-10-23 5 views
0

В принципе, когда я нахожусь на своем ПК на своем сайте, все в порядке, все правильно отформатировано.CSS - Проблемы с увеличением/переполнением

Но когда я уменьшаю масштаб, это делает фоновое изображение html color (Void kinda). Не знаю, почему это делается, но некоторые пользователи указали, что планшеты и, в частности, iphones показывают это только из обычного просмотра.

Не уверен относительно того, какой код я могу показать, как пример, так что просто проверка сайта: http://toolnet.work/

ответ

0

Вы должны использовать CSS Viewport Высота блок, где 1 vh является по отношению к 1% от высоты экран.

div#page-wrapper {min-height:100vh;} 

или

<div id="page-wrapper" class="gray-bg dashbard-1" style="min-height: 100vh;"> 
+0

Просто сказать мин-высота вещь происходит просто тест CSS. Это то, что мне действительно нужно делать? –

+0

Вам действительно нужно установить 'min-height'' div # page-wrapper' '100vh'. –

+1

Почему этот способ работает, когда 100% делает то же самое? –