Html css-如何拉伸和自动调整背景图像大小

我试图让我的背景图像延伸到整个页面，但到目前为止，我有以下几点：

这是我希望在浏览器窗口中拉伸的图片：

我的外部CSS包含以下代码：

hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("mybackground.jpg")} 

---

有人能告诉我如何编辑CSS文件来解决我的问题吗？

使用

背景尺寸：封面

。请注意它的浏览器支持

---

.

您需要将此标记设置为

标记，具有较低的

z-索引，且
位置：固定
，然后对于
标记，使用
高度：100%；宽度：自动
或相反

此方法对所有浏览器都是交叉兼容的。
您可以使用：

background-size: cover;

但是请记住。例如，这在IE8及以下版本中不起作用。
另一个选项还包括：

body{
   background-image:url("mybackground.jpg")
   background-size:contain;
   background-repeat:no-repeat;
}

背景大小会起作用：

    body { 
     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;
   }

有关更多信息，请查看此链接：
您是否尝试过使用

background-size: 10px 10px

将10更改为主体的宽度和高度

你也可以

background-size: 100%

您如何知道身体的宽度和高度（以像素为单位）的可能重复？320px，2560px，中间的任何值都是整数？使用
背景大小：100%
中间的任何值都是整数@FelipeAls这是一个问题吗？一句措辞糟糕的评论：它可以是320到2560之间的任何值这是背景大小为100%
的结果：如果奇迹般地，图像的W/H比率与页面相同，那么就好了，否则。。。