响应式长度单位rpx

如何让元素大小适配不同宽度屏幕？

<image class="about-banner" src="/images/美少女.jpg"></image>
<text style="font-weight:bold;font-size:60rpx">电影周周看</text>

.about-banner{
  width:375rpx;
  height: 375rpx;
  border-radius: 50%;
}