input 高度会在手机端获取焦点时变小

<input type="text"/>
标签,在引入的css中写宽高,如width:300px;height:40px;
但有一些手机当点击输入时,input标签会变的非常窄,目测高度10px,字已经无法清晰显示。
在电脑端测试时,没有问题,本地搭建服务器在手机端测试时也没有问题。
上线之后,有的手机就发生了变窄的情况,请问各位谁知道是为什么?

图片描述

阅读 5.7k
2 个回答

试着设置下lineheigh
把字体也设置上看看
移动端坑挺多的。

html的head中加这句了吗?

<meta name="viewport" content="width=device-width"/>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题