我正在为iphone短信做一个有点类似于风格的聊天室(不是真正的克隆),但是当我在实际的移动设备上使用时,文本输入在屏幕上居中并放大,这对于那些设备来说是不切实际的。如何使文本输入更接近(或更好地在虚拟键盘下方),而不是在屏幕中居中。我没有任何非ios设备试试这个,但我认为其他webkit移动浏览器会出现类似的问题。
对于一个额外的问题,当按下输入或检查按下完成按钮时,是否有任何方法可以使键盘消失?
谢谢!
答案 0 :(得分:2)
将此添加到标题中:
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
这样可以防止对焦变焦。如果没有帮助,请尝试添加user-scalable = no。
至于隐藏键盘,您需要做的就是强制输入失去焦点。
element.blur();