使网站适合不同的分辨率

Question

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

PS：解决方案必须是纯HTML / CSS，现在我无法使用JavaScript。

Answer 1

试试这个：

http://jsfiddle.net/6CpbZ/

width: 100%;
height: 100%;

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

概念是将宽度或高度或两者都设为100％，然后定义最小宽度或最小高度。