html - 使网站适合不同的分辨率

Question

我需要一些 CSS 代码来使我的网站以不同的分辨率适应整个屏幕，但是如果屏幕太小，请停止调整大小并变得可滚动。我尝试使用覆盖整个屏幕的 div，然后将宽度和高度设置为 100%，最小宽度设置为 800 像素，最小高度设置为 600 像素，但它不起作用。有任何想法吗？

PS：解决方案必须是纯 HTML/CSS，JavaScript 现在对我来说是不可能的。

Answer 1

尝试这个：

http://jsfiddle.net/6CpbZ/

width: 100%;
height: 100%;

min-width: 500px;
min-height: 500px;

这个概念是使宽度或高度或两者都为 100%，然后定义最小宽度或最小高度。