美文网首页
h5页面在IOS上点击input框放大的问题

h5页面在IOS上点击input框放大的问题

作者: 萤火kin | 来源:发表于2021-12-08 09:40 被阅读0次

    h5页面在IOS上点击input框放大的问题

    参考

    • 导致页面自动缩放的问题来源于,ios在小屏设备(如iphone 5s/6/6s/7/8...)上点击输入框的时候,如果input字体小于16px的时候会自动放大页面,提升阅读性。
    • 但在h5页面造成的结果是,页面放大了,input输入完成后,页面不会恢复到原有的大小,再次浏览页面时需手动将页面缩小,影响用户体验。
    • 解决方法:在h5页面的时候,将input相关的组件,如input,textarea,ivu-select在全局的css样式中统一设置成16px
    @media screen and (max-width: 800px) {
        input,textarea,.ivu-select{
            font-size: 16px !important;
        }
    }
    

    相关文章

      网友评论

          本文标题:h5页面在IOS上点击input框放大的问题

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