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;
}
}
网友评论