为什么感觉升级后图形渲染变慢，图片有明显的拉伸？

加载过程中 加载完成

布局代码

样式部分

page {
  width: 100%;
  height: 100%;
}
.picker {
  padding: 5px 0px 5px 0px;
  width: 100%;
  background: rgb(255, 255, 255);
  display: block;
  text-align: center;
}
.titlePicker {
  margin: 5%;
  width: 80%;
  border: 1px rgba(77, 74, 74, 0.51) solid;
  border-radius: 3px;
  justify-content: center;
  flex-direction: row;
}
.header {
  width: 100%;
  height: 15%;
  display: flex;
  justify-content: center;
   align-items:center;/*垂直居中*/
}
.container {
  width: 100%;
  height: 50%;
  display: flex;
  justify-content: center;
  padding: 0px;
}
.equipImg {
  width: 100%;
  padding: 10px 0px 10px 0px;
}
.innerBox {
  width: 80%;
  margin: 20px;
  border: 1px rgba(0, 0, 0, 0.062) solid;
}
.device_pull{
  width:8%;
  position: absolute;
  right: 11%;
  top: 5%;
  /* right: 95rpx;
  top: 55rpx; */
  display: inline-block;
  z-index: 1;
}

请问有没有哪位大佬知道怎么处理好！！