最大允许高度(以像素为单位),CSS

2023年6月11日 218次阅读

我知道不同的浏览器可能有不同的上限值,但在给定浏览器中最大可渲染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在各个地方使用过;这是因为较高的值是不可靠的,还是因为它是一个不错的平方数？

最佳答案 我很想看看屏幕对象可用高度可以从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

点赞