A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

webPan

初级黑马

  • 黑马币:13

  • 帖子:5

  • 精华:0

© webPan 初级黑马   /  2017-3-19 19:50  /  2039 人查看  /  4 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

废话不多说了直接上图 这个是页面布局
然后是ul标签 和li 标签的 样式表

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

4 个回复

正序浏览
是可以通过改变li标签的宽高来改变被li标签包裹的img标签的图像大小的.
E.G.

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

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

但是该方法可能会产生兼容性问题,
如果不考虑IE8, 还可以使用background-size属性
如果考虑兼容性, 使用js对其进行等比例缩放...
回复 使用道具 举报
回复 使用道具 举报
webPan 来自手机 初级黑马 2017-3-20 07:58:29
藤椅
那也就是说,我无法通过改变父级标签li改变img标签的高度?
回复 使用道具 举报
高度是撑起来的,不能像宽度那样继承
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马