注册登录

9***@qq.com

9***@qq.com

发布：2024-04-28 17:32
更新：2024-04-29 11:06
阅读：123

小程序图片怎么实现类似安卓点9拉伸？

分类：uni-app

uniapp

项目图片是一个不规则图片盒子，顶部有装饰，怎样实现顶部底部固定中心拉伸，宽度一定，高度不固定

2024-04-28 17:32 负责人:无分享

1 个回复

套马杆的套子 - 没有解决不了的问题，只有解决不完的问题

用background-image呢？你看能满足么

.content {  
  width: 200px; /* 设置一个宽度，可以根据需要调整 */  
  height: auto; /* 高度不固定，这里使用 auto */  
  background-image: url(''); /* 设置背景图片的地址 */  
  background-repeat: no-repeat; /* 禁止背景图片重复 */  
  background-position: center; /* 设置背景图片居中 */  
  background-size: 100% 100%; /* 设置背景图片的宽度和高度都填满内容区域 */  
}

9***@qq.com (作者)

顶部底部会拉伸变形

2024-05-06 10:06

要回复问题请先登录或注册