像素单位下的最大允许高度，CSS。

Question

像素单位下的最大允许高度，CSS。

5

我了解不同浏览器可能有不同的可渲染CSS高度/宽度上限，但在给定浏览器中，什么是最大的可渲染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；这是因为更高的值不可靠，还是因为这是一个漂亮的平方数？

- Dan Lugg

2

只是好奇，您需要超过30000像素的高度用于哪种应用程序？ - ngen

1

Opera有32766像素的限制（2^15 - 2）。 - BoltClock

@ngen：具有足够内容的无限滚动功能。 - BoltClock

@BoltClock：不错，挺公平的。 - ngen

1

IE6/7使用Active-X，它使用一个12位大小的寄存器=4906。 - Diodeus - James MacFarlane

显示剩余3条评论

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- user466764 · Accepted Answer

我会很想看一下从JavaScript中可用高度的屏幕对象中可以返回哪些值。

    <script type="text/javascript">

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

    </script>

使用jQuery，您可以使用.css函数将body的高度和宽度设置为传入变量的值，例如：

var screenHeight = screen.availHeight

当然，这是基于客户端浏览器开启JavaScript的前提。