weixin/pages/scene/scene.wxss

/* pages/scene/scene.wxss */
page{
  width: 100%;
  height: 100%;
}

/* 工程名称设置 */
.project{
  width: 100%;
  height: 8%;
  border-bottom: darkgrey solid 1px;
  position: relative;
}

.project text{
  position: absolute;
  left: 5%;
  top: 30%;
  font-size: calc(100vw * 16/375);
}

.project button{
  width: 25%;
  height: 70%;
  position: absolute;
  display: flex;
  align-items:center;
  justify-content:center;
  left: 40%;
  top: 15%;
  background-color: cornflowerblue;
  color: white;
  font-size: calc(100vw * 14/375);
}

.project button:active{
  box-shadow:
  7px 6px 28px 1px;
  transform: translateY(4px);
}

.project image{
  position: absolute;
  right: calc(100vw * 15/375);
  top:20%;
  width: calc(100vw * 30/375);
  height: calc(100vw * 30/375);
}

.engin{
  width: 100%;
  height: 68%;
}
/* 工程选项 */
.engineering{
  background-color: cornflowerblue;
  width: 100%;
  height: 10%;
  display: flex;
  flex-direction: row;
  margin-top: 0.5%;
  position: relative;
}

.engineering text{
  font-size: calc(100vw * 18/375);
  position: absolute;
  left: 5%;
  top: 20%;
}

.engineering-image-1{
  width: 4.5%;
  height: 65%;
  position: absolute;
  right: 33%;
  top: 15%;
}
/* 扫码 */
.qrcode{
  width: calc(100vw * 24/375);
  height: calc(100vw * 24/375);
  position: absolute;
  right: 22%;
  top:15%;
}
/* 展开设备 */
.develop{
  width: 7%;
  height: 50%;
  position: absolute;
  right: 10%;
  top:20%;
}

.develops{
  width: 100%;
  height: 9%;
  margin-top:1%;
  position: relative;
}

.develops image{
  width: calc(100vw * 25/375);
  height: calc(100vw * 25/375);
  position: absolute;
  top: 10%;
}

.develops-1{
  position: absolute;
  width: 30%;
  height: 50%;
  left: 2%;
  top: 15%;
  font-size: calc(100vw * 14/375);
  overflow: hidden;
}

.develops-2{
  position: absolute;
  width: 30%;
  height: 50%;
  overflow: hidden;
  left: 35%;
  top: 15%;
  font-size: calc(100vw * 14/375);
}

.develops-3{
  position: absolute;
  left: 70%;
  top: 15%;
  color: red;
  font-size: calc(100vw * 16/375);
}


.engineering-image-2{
  width: 4%;
  height: 65%;
  position: absolute;
  right: 2%;
  top: 15%;
}