移動前端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的應用),點擊進去會列舉出一系列相關的應用數據和緩存,根據情況清空即可。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM