如下图.浏览器环境调节好了等比缩放,但是移动端变形了,我之前搞后端的,现在转全站,然而对CSS不太熟,请大神给予指点,如何做能保持不变形?左右留白没关系.代码如下
4
438
/*swipe*/
.my-swipe {
height: 290px;
color: #fff;
font-size: 30px;
text-align: center;
}
.my-swipe a img{
min-height: 100%;
max-width: 100%;
}
.slide1 {
background-color: #0089dc;
color: #fff;
}
.slide2 {
background-color: #ffd705;
color: #000;
}
.slide3 {
background-color: #ff2d4b;
color: #fff;
}
/*swipe*/
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
你在做swiper，移动端的话，你只需要设置img的width为100%，切图的时候把分屏的图切成分辨率一样的，就不会拉伸了
只设置图片宽度，高度不设置
看具体要求吧！
移动端宽高比大于图片（图片展示的情况），那么就只能上下留白（width设置为100%，不能左右留白），或者只显示图片居中部分。
最好还是上传两张图片。