css - 使滚动条适合不同的显示器分辨率

Question

我被困在我的 css 上，我想让我的滚动条适合不同的显示器分辨率，我使用这个 css

div.scroll {
    width:800px;
    height:800px;
    overflow:scroll;
}

但它会在其他分辨率下显示不同，如果我将宽度或高度更改为 100%。滚动条不起作用。滚动条仍然存在，但它显示了整个表格，这样一个浪费滚动条。

任何帮助都会得到帮助

Answer 1

试试这个：首先将身体样式设置margin:0为：

body{
margin : 0;
}

和 div.scroll 为：

div.scroll
{
width:800px;
height:100%;
overflow:auto;
}

overflow:auto如果内容大于高度，则垂直滚动到您的 div。

Answer 2

您是否尝试过使用min-widthand min-height？

HTML：

<div class="scroll">
    <p>This is the scrolling area</p>
</div>

CSS：

div.scroll
{
min-width:800px;
min-height:800px;
overflow:auto;
}

.scroll p
{
    width: 900px;
    background: #cc0000;

}

工作示例：

http://jsfiddle.net/Aps83/

不完全清楚您想要的结果，但这只会在需要时显示滚动条（小屏幕，内容太宽/太高而无法容纳）。