html - 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

正如您所说，您希望图像适合整个屏幕。 无需使用固定定位。

*{
margin:0;padding:0;
}

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

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

1. 只需将包含图像的容器的宽度设置为宽度和高度的 100%；
2. 移除浏览器提供的默认内边距

DEMO PLUNKR