html5 +css 手机web app开发怎么调用手机键盘

html-css013

html5 +css 手机web app开发怎么调用手机键盘,第1张

这个软键盘好像必须有一个手动的事件执行才会弹出呢~

我有个雏形想法,仅供参考~(没有实践)

流程为:

在文本框外加个dom元素,然后添加个点击事件,在点击事件里面执行focus(),然后用trigger()(这是一个jq的模拟事件方法)将click模拟自执行一下,应该就相当于手动click了吧~

一般的解决方案有两种,rem布局和百分比布局。这两种方案我有都试过,所以现在更推荐用rem布局来制作手机页面

rem布局的兼容性:

Mozilla Firefox 3.6+、Apple Safari 5+、Google Chrome、IE9+和Opera11+、ie6-ie8 还是别用rem

不过现在的手机一般浏览器,一般可以直接不用去管IE内核的浏览器了。

REM的计算公式

例:html 设置font-size:16px 1rem = 16px

那么640px = 640/16 =40rem

个人建议设置为100px 方便计算

首先,给页面的html定义一个100px的

html{ font-size:100px}/*设定基础rem*/

然后,最核心的代码就是这一段js运算了,根据页面的大小来控制基础rem的值;

new function (){