父元素设置scale input内容无法居中?

<view class=“test”>

<input class=“input” placeholder=“请输入内容哈哈”></input>

</view>

.test {

background-color: pink;

height: 80px;

transform: scale(0.8);

transition: all 300ms linear;

}

.input {

background-color: skyblue;

text-align: center;

}

必须在真机上才能看出来，这个问题非常影响(弹出框)

必须在真机上才能看出来

必须在真机上才能看出来

必须在真机上才能看出来