CSS / HTML将图像宽度扩展到两侧

Question

我一直在寻找答案，但无法在任何地方找到它......

我想做的是：     - 将我网站上的所有图像扩展到屏幕两侧（即：摆脱边距）

我已将下面的代码放在CSS中：

#bg {
position: fixed; 
top: -50%; 
left: -50%; 
width: 200%; 
height: 200%;
z-index: -100;

并在HTML方面添加了以下内容：

<div id="bg">
 <img src="" alt="">
</div>

然而，此代码适合背景图像以适合整个屏幕..

我是编码的新手，非常感谢你的帮助。

法比安

Answer 1

1. 固定位置会在您向下滚动页面时滚动图像。 [只是指出来]

2. 你在问什么？你在问这个画面是否适合整个背景？

Answer 2

正如您所说，您希望图像适合整个屏幕。 没有必要使用固定定位。

*{
margin:0;padding:0;
}

.container{
width:100%;
height:100%;
}

.container img{
width:100%;
height:100;
}

1. 只需将包含图片的容器宽度设置为100％的宽度和高度;
2. 删除浏览器提供的默认填充

DEMO PLUNKR