Question

DIV+CSS宽度100% 怎么设置图片不变形，高度自适应

宽度100% 高度min-height 在宽屏幕显示下高度自适应缺隐藏了图片的下半部分。怎么解决宽度100%，图片不变形不隐藏





Answer 1

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：body {background: url(image123.jpg) no-repeat; background-size: cover;}。

3、浏览器运行index.html页面，此时图片既没有变形就能完整显示在网页上了。

Answer 2

你试试看img{
width:100%
height;100%
}行不行，这个就是自适应父容器的高度和宽度。
父容器必须设置高度值

追问

这样banner 宽度不是100%了

追答

你默认的padding，margin去掉没你在最上面加个*{
padding:0px;
margin:0px;
}
看看
*可以换成父元素，id值，CSS值