在引导3中响应的div背景图像

Question

我需要像比尔·盖茨先生在http://www.gatesnotes.com/About-Bill-Gates/Summer-Books-2015中的背景图像那样制作标题div的背景图像

比尔盖茨的头像背景图片没有改变它的高度，即使屏幕很小。

我试过背景尺寸:掩护，但当屏幕很小时，高度仍然会改变。

我把背景大小:覆盖到custom.css在我的引导文件夹。

Answer 1

查看此演示：https://jsfiddle.net/w8f0mkbg/1/

HTML

<div id="image">
    <img src="http://stylonica.com/wp-content/uploads/2014/02/nature-wallpaper-362.jpeg">
</div>

CSS

#image img {
    min-width: 100%;
    width: 100%;
    height: auto;
}

以背景图像为中心的响应演示：https://jsfiddle.net/yeyene/905pc2p0/

*还有很多方法，你可以尝试，看看其中一些方法；

CSS技巧： https://css-tricks.com/perfect-full-page-background-image/

粉碎： http://www.smashingmagazine.com/2013/07/22/simple-responsive-images-with-css-background-images/

Answer 2

该站点使用一个硬编码的高度值，该值具有流体宽度：

width: 100%; height: 564px;

使用内联样式标记进行类似操作，或者使用外部样式表可以解决您的问题。