IT资讯

IT资讯
您当前所在位置:主页 > IT资讯 >

移动开发点滴积累20140629

发布日期:2019年01月11 编辑:

#移动前端webApp开发点滴积累20140629


##关于input行内居中的问题
给input设定一个比较高的高度,在某些版本的移动设备上,文字不能垂直居中,即使设定了相同的行高也不行。(见图)

![input行内居中](/uploads/allimg/181014/20181014135352yjkf1gsfpi020335.jpg)

在这种情况下,我一般不改变input本身的高度,而是在input外围包裹一层,再在外围层做效果。

[demoURL](http://gh.p2227.com/m/input/)


##不要把内容fixed到屏幕的底部
之前在做的webapp中都会把一些功能按钮fixed到屏幕的底部,原意是方便操作,后来发现这并不起太大作用。而且弹出虚拟键盘的时候还会对其进行干扰(虽然UC浏览器中不会有这个问题)

![弹出虚拟键盘与fixed冲突](/uploads/allimg/181014/20181014135405lb5hm0mtncy20385.jpg)

所以现在功能区域也放在文本流中好了,不用fixed布局。


[demoURL](http://gh.p2227.com/m/fixed-keyboard/less.html) [demoURL2](http://gh.p2227.com/m/fixed-keyboard/tooMany.html)

##调试时如何清空缓存
以我的小米3为例吧,在设置->应用中会找到相关的应用(一般是浏览器,也有可能是内嵌webView的应用),点击进去会列举出一系列相关的应用数据和缓存,根据情况清空即可。

http://www.bkjia.com/HTML5/819708.htmlwww.bkjia.comtruehttp://www.bkjia.com/HTML5/819708.htmlTechArticle#移动前端webApp开发点滴积累20140629##关于input行内居中的问题给input设定一个比较高的高度,在某些版本的移动设备上,文字不能垂直居中,...

本文源自: 凯发国际

< 上一篇:HTML5是否真的可以取代Flash

> 下一篇:没有了