div根据页面宽度自动调整高度
我有一个宽度为100％的div，我需要根据页面宽度有多少像素来调整同一div的高度。原因是因为图像在div的整个宽度上伸展，并且如果我设置了固定的高度，不同的分辨率将使其呈现出不同的效果，并且图像看起来会伸展。div根据页面宽度自动调整高度
有没有解决这个问题的CSS？
你可以把它作为auto：
<div id="mydiv"><img src="..." /></div>
#mydiv,#mydiv>img{width:100%; /*height:auto;*/}
可以省略height:auto因为是默认值。
谢谢！这工作像一个魅力。我在一个子元素的其他地方定义了高度，这就是为什么它不起作用。 – kidA 2012-08-11 23:15:42
@ user1572447如果有效，那么您可以将其标记为您的问题的答案（单击左侧选票下方的勾号大纲）:) – starbeamrainbowlabs 2012-08-12 09:18:40
你可以做到这一点与CSS媒体查询看到http://www.w3.org/TR/css3-mediaqueries/
基本上你有一个像一堆媒体查询如下：
@media (min-width: 1024px) {
div {height: 200px;}
}
宽度和高度的组合明显变化，无论你需要，你也可以根据需要使用最大宽度或宽度
请给一些代码 – Enve 2012-08-11 22:53:51