Responsive unit of length rpx

How to make the element size fit different width of the screen?

<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%;
}