使元素大小/行为像background-size:contains

时间:2011-11-10 06:23:18

标签: html css css3

是否可以使元素的行为/大小与background-size:contain相似?作为参考,here's a page演示background-size:contain(尝试调整浏览器窗口大小并查看背景图片的作用)。

也就是说,我想制作一个具有约束纵横比的元素,宽度和高度使得宽度或高度都是窗口宽度的100%(另一个是保持比率所需的任何一个并保持在没有滚动条的窗口中可见的整个元素?)

例如,假设我希望元素的比例为16:9。如果有人的浏览器窗口超宽而且不是很高,那么我希望我的元素高度为100%,宽度会更小(保持元素比例为16:9的必要条件)。如果有人的浏览器窗口很高而且不是很宽,那么宽度将是100%,高度会更小(同样,保持该元素的目标比率所需的任何内容)。

我认为这样做的唯一方法是使用javascript。是否有一些神奇的CSS方法可以完成这个我不知道的方法?

1 个答案:

答案 0 :(得分:-1)

我想你想要一个液体模板视图。

如果符合您的需要,请查看此示例

http://www.maxdesign.com.au/articles/liquid/liquid-sample1/

感谢。