根据窗口大小调整页面元素的大小

问题：我的客户希望我为他的产品创建一个启动网页，以便页面上不应该滚动任何浏览器或窗口尺寸。

怀疑：这可能使用CSS和Javascript吗？

一些早期诊断：这可能与此或此类似，但区别在于我想以特定比例调整每个元素的尺寸，而不仅仅调整父DIV的高度。

所以，声明：我需要根据（当前窗口大小和参考窗口大小）之间的比率更改每个元素（图像，div，文本…所有）的尺寸 。 也许Javascript可以解决这个问题？

问题：怎么做？

Answer 1

只需将和的height和width设置为100% ， overflow为hidden并使用元素的left ， top ， width和height的百分比 ：

         
divthing
   

这些百分比是相对于包含块的 ，在这种情况下是 。

---

更新：回答另一个问题：几乎不支持缩放背景图像。 当CSS 3 background-size属性获得成功时（参见此表 ），事情会变得更容易。 现在，看看这个答案 （是的，这意味着：更多的标记）。