上传的图片自动适应DIV容器大小,js怎么做

用each或者for循环,循环判定:(1)高>宽,调整样式height:100%(1)高<宽,调整样式width:100%js代码怎么写

第1个回答  2017-04-07
img {max-width: 800px; height: auto;} 代码中的max-width:800px限制图片的最大宽度为800像素,而下面的hight:auto很关键,可以保证图片有正确的长宽比,不至于因为被调整宽度而变形。 img {width:100%;height: auto;}这种css是图片自适应追问


这些图片是后台上传的,我想要的效果是上传不同尺寸的图片都不会溢出div这个框。原图片宽高比例 大于 图片框宽高比例,则以框的宽为标准缩放,反之以框的高为标准缩放。用js怎么写? 我刚学不会,麻烦了

本回答被网友采纳
相似回答