美文网首页
如何禁止移动端input输入时页面放大

如何禁止移动端input输入时页面放大

作者: 宏_4491 | 来源:发表于2021-08-07 10:25 被阅读0次

    如何禁止移动端input输入时页面放大

    • 设置meta 标签
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    
    • 还要设置input的字体大小不能小于12px
    input[type="color"],
    input[type="date"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="email"],
    input[type="month"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    input[type="time"],
    input[type="url"],
    input[type="week"],
    select:focus,
    textarea {
     font-size: 16px;
    }
    

    相关文章

      网友评论

          本文标题:如何禁止移动端input输入时页面放大

          本文链接:https://www.haomeiwen.com/subject/gmvwvltx.html