响应的背景图像(全高)

时间:2014-01-04 15:43:11

标签: css responsive-design background-image

我想在网站上放置一个图像作为背景,我希望该图像能够响应,但页脚始终是底部,因此图像调整大小,我希望在宽度上“切断”。我举三个例子。

示例#1:以16:9

查看网页

http://i.stack.imgur.com/f5xDd.jpg

示例#2:在智能手机上查看网页

http://i.stack.imgur.com/qdlPV.jpg

任何人都可以帮助我吗? (我使用谷歌翻译,原谅任何奇怪的英语用法)

1 个答案:

答案 0 :(得分:0)

尝试使用:

background-size: cover;

background-size: contain;