Javascript 实现基于浏览器宽度的大型图像背景拉伸的最简单方法？

如果转到并调整浏览器的大小，可以看到背景图像在调整大小时缩放得非常好

---

实现这一点的最佳方法是什么？

最简单的方法是使用css

背景大小封面。这将缩放图像，使其覆盖整个区域

 #myelement {
     background: url(myback.png) cover;
 }

完整语法：

 #myelement {
     background-image:url(myback.png);
     background-size:cover;
 }

最简单的方法是使用css
背景大小封面
。这将缩放图像，使其覆盖整个区域

 #myelement {
     background: url(myback.png) cover;
 }

完整语法：

 #myelement {
     background-image:url(myback.png);
     background-size:cover;
 }

包含图像的
的背景图像必须具有
宽度
属性为
100%
。。。或者其他百分比

再解释一下：

检查此链接

通过CSS3

通常的方式

HTML标记

<div id="bg">
  <img src="images/bg.jpg" alt="">
</div>

#bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}
#bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}

它们还提供了一个演示：


我推荐这个页面，它有很多css技巧

希望有帮助
 包含图像的
的背景图像必须具有
宽度
属性为
100%
。。。或者其他百分比

再解释一下：

检查此链接

通过CSS3

通常的方式

HTML标记

<div id="bg">
  <img src="images/bg.jpg" alt="">
</div>

#bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}
#bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}

它们还提供了一个演示：


我推荐这个页面，它有很多css技巧

希望有帮助
 “旋转”是什么意思？我只能在我打开窗口时看到它的大小。我的坏，缩放是我的意思，不是旋转。可能重复“旋转”的意思？我只能在我打开窗口时看到它的大小。我的坏，缩放是我的意思，而不是旋转。可能重复的是网站提供的方式。他们有一个选择器
.bg wrapper#bg0、.bg wrapper#bg1
，它应用
宽度：100%；身高：100%；背景尺寸：封面；位置：绝对位置；排名：0；左：0；显示：无；z指数：0；溢出：隐藏；背景位置：中心这是网站提供的方式。他们有一个选择器
.bg wrapper#bg0、.bg wrapper#bg1
，它应用
宽度：100%；身高：100%；背景尺寸：封面；位置：绝对位置；排名：0；左：0；显示：无；z指数：0；溢出：隐藏；背景位置：中心