/* pages/sign/sign.wxss */ page{ width: 100%; height: 100%; } .sign-view{ width: 100%; height: 100%; position: relative; } .sign-view input{ width: 42%; height: 5%; position: absolute; background-color: white; left: 30%; top:60%; font-size: calc(100vw * 10/375); } .sign-view button{ position: absolute; top: 68%; left: 40%; width: 22%; height: 5%; font-size: calc(100vw * 10/375); display: flex; align-items:center; justify-content:center; background-color: cornflowerblue; border:solid white 1px; color:white; } .sign-view button:active{ box-shadow:cornflowerblue; transform: translateY(4px); }