样式如下:
div img {
max-width:600px;
//IE7、FF等其他非IE浏览器下最大宽度为600px;
width:600px;
//所有浏览器中图片的大小为600px;
width:expression(document.body.clientWidth>600?"600px":"auto");
//当图片大小大于600px,自动缩小为600px;
overflow:hidden;
}
mb64390262217c2 博主文章分类:css ©著作权
样式如下:
div img {
max-width:600px;
//IE7、FF等其他非IE浏览器下最大宽度为600px;
width:600px;
//所有浏览器中图片的大小为600px;
width:expression(document.body.clientWidth>600?"600px":"auto");
//当图片大小大于600px,自动缩小为600px;
overflow:hidden;
}
让图片自适应屏幕大小
ReactNative之Image组件自适应高度,图片自适应大小
之前在做图片自适应的时候想到的办法是把图片作为背景然后添加background-size:100%;让图片填满整个盒子
不知道大家有没有在做多个图片排布的时候感觉会有些吃力,尤其是那些图片的长宽都是不规范的时候,直接填充图片容易拉伸,定宽或者定高,最后都会有些超出边界,下面就是我总结的解决方法。方法一 :css的background属性来设置背景图知识点总结background的属性有以下这些:background-colorbackground-positionbackground-sizebackgrou
图片自适应
举报文章
请选择举报类型
补充说明
0/200
上传截图
格式支持JPEG/PNG/JPG,图片不超过1.9M