我知道不同的浏览器可能有不同的上限值,但是对于给定浏览器中可呈现的最大 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
关于css - 以像素为单位的最大允许高度,CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6962748/