mtwm.net
当前位置:首页 >> 怎样让图片自适应Div >>

怎样让图片自适应Div

2 - 在我们布局中难免会遇到,图片或icon因为大小不一样,但在我们写样式时高宽都固定,而导致图片拉升影响美观. 你可以选择让UI重新切图或者自己切,但是你要知道的是,如何让图片在固定的范围内自适应大小.首先来看看demo吧:我们一般都

实现的需求1、一个固定大小的div2、无论图片多大多小,都可以充满div给定一个div,宽高都是给定的像素img的宽高都是100%,就可以了

像你这么说,貌似只有用js来判断了,首先给图片上下左右居中,给父级元素设置overflow:hidden; 然后用过js来获取当前图片的宽高,如果宽度大于高度,那么就高度为100%,宽度自适应,反之宽度100%,高度自适应;

给div加个样式 然后把div设置成固定大小 添加图片的时候div就不会变了

不管容器有多大,只要将img的宽高设置成100%(这里的100%是相对于父级宽高而言)就能自适应容器大小._css图片自适应大小

先给div定义overflow:hidden样式,不是为了剪裁图片,只是为了页面加载的时候,图片不会把div撑开,让页面布局被破坏,然后给所有需要自适应的图片,定义一个相同的name属性,然后在页面onload事件,或者页面最后调用一个脚本,获取

背景图要自适div就要用重复repeat-x,repeat-y,

自适应?那就把背景图片平铺显示了如果想div变大图片也变大,用背景图片(background-image)是做不到的

网站首页 | 网站地图
All rights reserved Powered by www.mtwm.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com