最后一个大龄剩男 库存告急!仅存最后一个!
2019年,我操他个蛋的,一定得要结个婚……

图片自适应div宽度高度不变形

总是在制作页面时候遇到问题,因有点追求完美,总是想着法子不妥协,很是痛苦。

今天先记录下如何解决图片在div中,有时候图片大了,直接撑破了原有的画面,找了些方法解决。

由于做的是html5页面,所以首先尝试的是给图片加入img-responsive,测试可行,实际div宽度750,图片哪怕2000多,都没问题,但问题是,你得翻n多去找这个图片生成的代码在哪里,很是痛苦。

而后再想起他办法,给div的img加个css属性。
max-width: 750px;float: none;display: block;cursor: pointer;

设定个最大值,但这样的话,图片会变形,高度不对。

再给div加个隐藏 overflow:hidden;

手机端测试一塌糊涂。

实际目前解决办法非常简单。

直接给div的img加css,width: 100%; height: 100%;

搞定。

推荐个傻子

健健

所在地:上海
178cm 72kg
- 风趣幽默,但言语不多;
- 心地善良,新闻联播能看哭的那种;
- 前面这些年,运气不咋地好;

也似乎是在不断反问自己如果那晚遇难此生有什么憾事?好在那天我与我的家人同在,不必恐惧再也无法与他们相见而哭泣…记得那天游玩结.....

最近每天早上起来都倒数着临近过年的日子,心情愈来愈焦虑,对着镜子说:“马上39了,差不多得了,是时候该娶个婊子了...

总是在制作页面时候遇到问题,因有点追求完美,总是想着法子不妥协,很是痛苦。 今天先记录下如何解决图片在div中,有时候.....

希望自己有能力,可以帮助到别人。

大龄剩男,扫码领回家。
中小企业网络营销推广,扫码咨询 ……