function - 使用 CSS，元素的高度可以是浏览器宽度的函数吗？

Question

即随着浏览器大小的调整而变化。

我试图让我网站顶部中央的 Logo 随着窗口大小的调整而变大或变小

Answer 1

是的，如果图像的父级依赖于浏览器的宽度，这是可能的。您可以将图像的宽度设置为百分比。

http://jsfiddle.net/SGmRQ/

html:

<div>
    <img src="http://www.digitaleconomics.nl/wp-content/uploads/2013/04/see-how-your-google-results-measure-up-with-google-grader-video-6b8bbb4b41.jpg" />
</div>

CSS:

div {
    width: 100%;
}
img {
    width: 50%;
}