uniapp个人主页如何实现椭圆背景

无论哪个尺寸这个椭圆都不会变形&＃xff0c;保持在一个不违和的感觉。。。

html代码

<view class&＃61;"mine-box"><view class&＃61;"ellipse">view>view>


scss代码

.mine-box {height: 500rpx;background-color: rgb(109, 146, 252);position: relative;.ellipse {position: absolute;width: 160%;height: 500rpx;bottom: -60rpx;z-index: -1;left: calc( 50% - 80%);background-color: rgb(109, 146, 252);border-radius: 50%/50%;}}


如果有更好的实现方式 请告知我。