问题： 我的客户希望我为他的产品创建一个启动网页，以便页面上不应该滚动任何浏览器或窗口尺寸。
怀疑：这可能使用CSS和Javascript吗？
一些早期诊断：这可能与this或this有点类似，但区别在于我想要调整每个元素的尺寸特定比率，而不仅仅是调整父DIV的高度。
所以，声明：我需要根据（当前窗口大小）之间的比例更改每个元素（图像，div，文本... all）的尺寸和参考窗口大小）。也许Javascript可以解决这个问题？
问题：如何做到这一点？
答案 0 :(得分：3)
只需将height的{{1}}和width以及<html>设置为<body>，将100%设置为overflow并使用{ {3}} hidden，left，top和width元素：
height这些百分比是相对于percentages的，在这种情况下是<!DOCTYPE html>
<html>
<head>
<meta charset=UTF-8>
<title>Proportional resizing</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
overflow: hidden;
}
div {
position: absolute;
left: 30%;
top: 20%;
width: 40%;
height: 30%;
background-color: #ddd;
}
</style>
</head>
<body>
<div>divthing</div>
</body>
</html>
。
更新：要回答另一个问题：几乎不支持缩放背景图像。当CSS 3 containing block属性获得成功（参见background-size）时，事情会变得更容易。现在，看看this table（是的，这意味着：更多标记）。