css怎样解决手机键盘把页面背景撑出空白

html-css014

css怎样解决手机键盘把页面背景撑出空白,第1张

用jquery时时监控手机页面高度,或者添加<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

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

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

流程为:

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

在CSS3刚出来的时候,很多浏览器都不支持,只有他们自己的私有写法,都带上自己的前缀。

像webkit的加上-webkit-前缀,火狐的加上-moz-前缀,IE加上-ms-前缀,Opera加上-o-前缀。

现在基本上能够支持的都已经支持了,可以做到把前缀去掉的标准写法也能得到支持。

对于webkit内核的浏览器来说,-webkit-写法是为了兼容早期的写法,但是标准写法不带-webkit-的也可以用。

所以导致了上面两行代码都能生效。

你学过CSS懂的,如果两行都有效,并且描述的是同一个属性,那么后者覆盖前者。