解决H5页面在IOS系统上使用输入框导致网页被放大

1.在网页头加上mate标签


<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

2.针对容器设置 input和textarea的字号。

.container {
    max-width: 800px;
    margin: auto;
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 800px) {
    input,textarea{
        font-size: 16px !important;
    }
}