如何使用CSS让img跟父元素的宽或者高自适应

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何使用CSS让img跟父元素的宽或者高自适应相关的知识,希望对你有一定的参考价值。

参考技术A <div>
<img src="图片">
</div>
给图片img宽度100%高度100%;
这样你随意改变div大小图片都会随着你改变的大小改变本回答被提问者采纳
参考技术B img标签 好像不行 除非用js控制 背景可以

嵌入到企业内部的网页怎么做到宽高自适应

我现在说的是PC端的一些经验:

1.百分比布局。 或者用 bootstrap的栅格布局。html和body高度宽度设置为100%;

在里面的块级元素设置为百分比布局



以上是关于如何使用CSS让img跟父元素的宽或者高自适应的主要内容,如果未能解决你的问题,请参考以下文章

如何使用CSS让img跟父元素的宽或者高自适应

怎样让iframe中的内容的宽度和高度改变后,dialog的宽高自适应?

宽高自适应,高度塌陷,伪对象选择符

如何让div自动适应自身的img高度

宽高自适应浏览器兼容和表单高级属性

宽高自适应