HTML和CSS背景图像缩放以适应屏幕

我目前正在构建我的投资组合网站。我正在使用HTML和CSS。我有我用于背景的图像，但背景保持不变，无论屏幕的大小如何。我应该使用哪些代码？我应该将代码升级到CSS3/HTML5吗？如果是的话，代码是什么？非常感谢你的时间和提前帮助，这是一个细节，当我展示我的作品时，这个细节正在让我疯狂和巨大的挂断。HTML和CSS背景图像缩放以适应屏幕

来源

2014-03-30 user3435927

可能重复的[CSS background i法师适合宽度，高度应按比例自动缩放]（http://stackoverflow.com/questions/9262861/css-background-image-to-fit-width-height-should-auto-scale-in-proportion） –

background-size : 100% auto

这会设置宽度为100％和高度自动

总是搜索以及您发帖提问之前，这可能是一个很好的参考初学者：

http://www.w3schools.com/cssref/css3_pr_background-size.asp

来源

2014-03-30 01:44:05 ProllyGeek

看看下面的代码：

html { 
    background: url(images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}

来源

2014-03-30 02:00:41 manosim

在Android上，它仅适用于使用'html，body {...}'而不是'body {...}'的情况。 – Edward

HTML和CSS背景图像缩放以适应屏幕

回答

相关问题