2011-11-10 45 views
3

是否可以使元素的行爲/大小與background-size:contain一樣?作爲參考,here's a page演示background-size:contain(嘗試調整您的瀏覽器窗口大小並查看背景圖片的功能)。使元素的大小/行爲類似於background-size:包含

也就是說,我想製作一個具有約束高寬比的元素,其寬度和高度使得寬度或高度都是窗口寬度的100%(並且另一個將是保留比例和保持整個元素在窗口中可見而沒有滾動條)?

例如,假設我想要一個元素的比例爲16:9。如果某人的瀏覽器窗口超寬而且不是很高,那麼我希望我的元素高度爲100%,寬度會更小(無論如何保持元素比例爲16:9)。如果某人的瀏覽器窗口非常高而且不是很寬,那麼寬度將是100%,並且高度會更小(再次,保留該元素的目標比例是必要的)。

我在想唯一的方法就是用javascript。有沒有一些不可思議的CSS方法來完成這個我不知道的事情?

+1

所以,爲了澄清,你正在尋找一個元素的樣式,它保持在相同的比例(比如說16:9),但是縮放因此一個長度是100%? – nchpmn

+0

上帝遲到了。看起來像我說的「封面」,當我的意思是「包含」。但是,是的,你有正確的想法。我想要一個長度爲100%,另一個長度爲保持比例並將整個元素保留在窗口中所需的長度。讓我更新我的問題。 – steve

回答

相關問題