如何使背景图像适应屏幕尺寸？

问题描述：

如何调整/调整我的页面的背景图像以适应屏幕大小，并且将这段代码放入html或css文件中？编辑：找到解决方案添加到您：如何使背景图像适应屏幕尺寸？

style="background-size:100% 100%"

到你有你的图像来源你的身体标记。

预计您至少会尝试为自己编写代码。堆栈溢出不是代码写入服务。我建议你做一些[**额外的研究**]（http://meta.stackoverflow.com/questions/261592/how-much-research-effort-is-expected-of-stack-overflow-users），无论是通过谷歌或通过搜索，尝试和。如果您仍然遇到麻烦，请返回**您的代码**并解释您所尝试的内容。 –

不费力无答案 –

我会在这里给你一些帮助，因为你看起来完全失去了这个过程。你可以使用CSS，但我会使用这个jQuery插件。顺便说一句...在10秒内搜索到）; - https://responsivedesign.is/resources/javascript-jquery/back-stretch – 2017-10-12 14:29:23

答

您可以使用background-size: cover将图像缩放到两个宽度和容器的高度。如果您遵循最佳做法，应将其添加到您的css文件中。

See W3CSchools for examples.

谢谢！我会试试 – Myko

好的答案，为我工作 – Glen

答

没有任何代码示例，以显示你尝试过什么，但我会尽力帮助你，尝试这样的事：

body { 
    background-image:url("imagepath"); 
    background-repeat: no-repeat; 
    background-size: 100% 100%; 
} 
html { 
    height: 100% 
}

感谢您的帮助！ :) – Myko

如果它解决了您的问题，请将其标记为您的问题的解决方案 – alexay68

如何使背景图像适应屏幕尺寸？

相关推荐