黑马程序员技术交流社区

标题: 小白困惑 [打印本页]

---

作者: webPan    时间: 2017-3-19 19:50
标题: 小白困惑
废话不多说了直接上图 这个是页面布局
然后是ul标签 和li 标签的 样式表

现在出现的问题是，我修改li标签的高度却改变不了图片的高度，不知道是为什么 ？求解答
不知道是不是因为我把li标签的设置成绝对定位的缘故。。。希望能有人解答，我先谢谢大神了

---

作者: 浮世散人    时间: 2017-3-19 23:42
高度是撑起来的，不能像宽度那样继承

---

作者: webPan    时间: 2017-3-20 07:58
那也就是说，我无法通过改变父级标签li改变img标签的高度？

---

作者: 一纸真心_    时间: 2017-3-29 00:05
肯定不可以

---

作者: pandaknight    时间: 2017-4-3 12:04
是可以通过改变li标签的宽高来改变被li标签包裹的img标签的图像大小的.
E.G.

li {
width: 100px;
height: 100px;
}

li > img {
width:100%;
height:100%;
objec-fit: cover;
}

但是该方法可能会产生兼容性问题,
如果不考虑IE8, 还可以使用background-size属性
如果考虑兼容性, 使用js对其进行等比例缩放...

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2