Максимально допустимая высота в пикселях, CSS - PullRequest
Новая
       18

Максимально допустимая высота в пикселях, CSS

4 голосов
/ 06 августа 2011

Я понимаю, что разные браузеры, вероятно, имеют разные значения потолка, но что является хорошим эмпирическим правилом для максимальной высоты / ширины CSS, которую можно визуализировать в данном браузере?

Например, этот трюк: 

.parent{
    overflow: hidden;
}

.column{
    float: left;
}

.max-height{
    margin-bottom: -30000px;
    padding-bottom: 30000px;
}

<div class="parent">

    <div class="column">
    </div>

    <!-- given a background color, this div will appear to expand to 100% the
         parent height -->
    <div class="column max-height">
    </div>

</div>

Я знаю, что это почти глупо, но если бы страница расширялась за пределы 30000px, теперь трюк не работает.

Я видел 32768px используется в разных местах;это из-за ненадежности более высоких значений или просто потому, что это хорошее квадратное число?

1 Ответ

2 голосов
/ 30 августа 2011

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

    <script type="text/javascript">

     document.write("Available Height: " + screen.availHeight);
     document.write("Available Width: " + screen.availWidth);

    </script>

Используя jquery, вы можете установить высоту и ширину тела для этих значений, используя функцию .css, если вы передаете их как переменные, такие как. 

var screenHeight = screen.availHeight

конечно, это предполагает, что в браузере клиентов включен javascript

...