移动环境和浏览器环境,如何等比缩放图片??
.my-swipe a img{ min-height: 100%;
时间如刀不再温柔坐看云海把昨日 11小时前 开发者_开发知识库
看具体要求吧!移动端宽高比大于图片(图片展示的情况),那么就只能上下留白(width设置为100%,不能左右留白),或者只显示图片居中部分。最好还是上传两张图片。
360U2717078931 11小时前
只设置图片宽度,高度不设开发者_如何学编程置
男儿心中的梦181853505 11小时前 开发者_运维知识库
你在做swiper,移动端的话,你只需要设置img的width为100%,切图的时候把分屏的图切成分辨率一样的,就不会拉伸了
李东 11小时前
max-width: 100%;}问题出在min-height,继承.my-swipe 的290px,移动端的话290太高了,高宽比例失真,拉伸图片。解决办法是调整容器高度,my-swipe a img{height:100%;} 图片有个特性,设置高宽其中一个属性的话,会自动等比缩放。设置宽度10开发者_运维百科0%的话也可以,比较常用贴下效果图
精彩评论