总是在制作页面时候遇到问题,因有点追求完美,总是想着法子不妥协,很是痛苦。
今天先记录下如何解决图片在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%;
搞定。
大龄剩男,扫码领回家。
中小企业网络营销推广,扫码咨询 ……