css - 如何在分辨率范围内进行设计

Question

我想知道是否可以设计一个最小分辨率为 1024x768 的网站，并且让它增长到不超过 1300x800。

我不是真正的 CSS savoy，但我认为我可以使用 min-width 和 max-width 来做到这一点，并且网站会保持在这些数字之间，但是那是行不通的。

这可能吗？我不认为我追求响应式设计，因为我不是为任何移动设备设计的。我只需要针对范围广泛的宽屏显示器。

我在这里看到的问题是，如果我设计一个 1024x768 的静态分辨率，而某人的显示器和卡的分辨率为 1920×1080，它看起来不会很好。我希望网站随着用户的屏幕而扩展和缩小。

这是我目前拥有的。我有一个标题和它下面的两个内联 div。

#header {
position:relative;
float:left;
width:100%;
background:url(header.jpg) no-repeat #fff;
height:100px;
margin-bottom:5px
}

#wrapper {
height:100%;
width:98.5%;
min-width:1240px;
margin:0 auto
}

#grid-left {
width:45%;
float:left
}

#grid-right {
width:54%;
float:right
}

我发现 1240px 的宽度对于很多显示器来说太大了。

编辑:

澄清一下，我正在寻找的设计将从 1024 像素 x 768 像素开始，逐渐增加到 1920×1080 的最大分辨率，但不会超过该分辨率。

Answer 1

在您的 CSS 上，您实际上并未在 #wrapper 上指定 max-width: 1500px。

工作示例在这里 http://jsfiddle.net/davidpauljunior/CNaW9/