20140629 of mobile development experience

# Mobile front-end webApp development accumulation of 20140629 # Set a relatively high height for the input row Centering problem. on mobile devices of some versions, the text cannot be vertically centered, it does not work even if the same row height is set. (See figure )! [Inner center in the input row] (http://images.cnitblog.com/ I /84053/201406/292134125542918.jpg) in this case, I generally do not change the height of the input itself, but wrap a layer in the input peripheral layer, and then do the effect in the peripheral layer. [DemoURL] (http://gh.p2227.com/m/input/) # Do not set the content fixed to the bottom of the screen before webapp will make some functional buttons fixed to the bottom of the screen, the intention is convenient operation, later I found that this does not play a major role. In addition, when the virtual keyboard is displayed, it will also interfere with it (although this problem does not occur in the UC browser )! [Pop-up virtual keyboard conflicts with fixed] (http://images.cnitblog.com/ I /84053/201406/292202040543704.jpg) So now the functional areas are also in the text stream, without the fixed layout. [DemoURL] (http://gh.p2227.com/m/fixed-keyboard/less.html) [demoURL2] (http://gh.p2227.com/m/fixed-keyboard/tooMany.html) # How to clear Cache during debugging take my Xiaomi 3 for example, in Settings> applications, you can find related applications (usually browsers or embedded webView applications). Click in to list a series of related application data and caches, clear as needed.