Единственная фиксированная точка просмотра

Question

В настоящее время я делаю веб-страницу с прокруткой по вертикали, на которой видоискатель заблокирован на 100% высоте.

У меня есть проблема в том, что проекты, которые были даны мне были рассчитаны на 1200x800 (Macbook 13") зрения, но я использую 1920x1080 (MacMini) разрешение.

Кроме того, полезная площадь высоты в каждом экран ограничен каждым виджетами, который использует браузер, поэтому 800 может быть, например, высотой 638 (он более глубокий в ipads, где общая высота браузера 768 составляет не 768). Кроме того, дизайн должен быть центрирован по ширине и высота. Для ширина, я могу использовать margin:0 auto, но высота сложнее, потому что это должно было бы сделать абсолютное абсолютное значение.

То, что я сделал до сих пор, было сделать абсолютным абсолютом и манипулировать им с помощью javascript, но я хотел бы знать , если есть чистый способ css сделать это, поскольку javascript потребует много случаев и избыточного кода.

Answer 1

это то, что я использую с высоты тела и роста HTML на 100%

<div style=" display:table;width:100%;height:100%"> 
    <div style="display:table-cell;vertical-align:middle;"> 

    </div> 
</div>