移動前端webApp開發點滴積累20140629

#移動前端webApp開發點滴積累20140629


##關於input行內居中的問題
給input設定一個比較高的高度，在某些版本的移動設備上，文字不能垂直居中，即便設定了相同的行高也不行。（見圖）

![input行內居中](https://images0.cnblogs.com/i/84053/201406/292134125542918.jpg)

在這種狀況下，我通常不改變input自己的高度，而是在input外圍包裹一層，再在外圍層作效果。

`20140701新增`發現只須要加上 `line-height:normal` 就能夠了！，看來是有時候設備默認行高並非normal

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


##不要把內容fixed到屏幕的底部
以前在作的webapp中都會把一些功能按鈕fixed到屏幕的底部，原意是方便操做，後來發現這並不起太大做用。並且彈出虛擬鍵盤的時候還會對其進行干擾（雖然UC瀏覽器中不會有這個問題）

![彈出虛擬鍵盤與fixed衝突](https://images0.cnblogs.com/i/84053/201406/292202040543704.jpg)

因此如今功能區域也放在文本流中好了，不用fixed佈局。


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

##調試時如何清空緩存
以個人小米3爲例吧，在設置->應用中會找到相關的應用（通常是瀏覽器，也有多是內嵌webView的應用），點擊進去會列舉出一系列相關的應用數據和緩存，根據狀況清空便可。