如何使标题图像响应？

Question

我添加了一个标题图片到我的网站：

#header_area { 
    background: url('my_header_image.com'); 
    background-repeat:no-repeat; 
    background-position: top center; 
} 

我的网站是除了头响应。

有没有办法让我的标题响应？

Answer 1

当使背景图像响应时，可以使用background-size属性。在上面的代码的情况下，只要你的#header_area元素的隐式宽度（或一个明确的一组与媒体查询），你应该能够说：

#header_area { 
    background: url('my_header_image.com'); 
    background-repeat:no-repeat; 
    background-position: top center; 
    background-size: 100%; 
}