Android WebView Pit Summary

Recently made a good ipad Hybridapp to Android migration, encountered too many pits, let me this over Android nearly 4 years old birds are headache! Now the previous encounters are listed, and then slowly solve their own, has now solved the Android keyboard coverage problem, the following most difficult problem is the screen height of the adaptation problem! This article is constantly updated

1, Andrid4.1 incident penetrating bug cause unknown

2. android2.x Chinese does not support bold


3. At present, the WebView dimensions are 320, 360, 400, and many more sizes.


This resolution may be related to screen size
Current test results
320-640 Resolution-"320
720 resolution – "360
800 resolution – "400

Is it half the width of the phone?

Screen density of the problem Ah!!!

4. The original size picture in the webview will appear very vague, it is recommended to use a large map to reduce
For example, if you need a picture of 300*100 size, use 600*200 to zoom out.


5. ANDROID 2.X textarea| There may be shifts in space such as input, for reasons that may be related to Position:fix


6. text-overflow:ellipsis; (string CSS interception) feature BUG: The interception length will be counted together margin-left, resulting in the container containing margin-left too much content to be intercepted.


7. Displacement using Translate3d causes the built-in elements of the position:fixed to move together. This bug is even more disgusting, the iphone will be removed directly, can be displayed in Android will not move, but if there is an event, the clickable area of the event will be shifted. It is estimated that Android is trying to fix it well.


8. WebView Memory Limit 12M (this issue has not been present)


9. ANDROID2. X does not support Box-shadow


10. Mask not supported


11. Support for Calc, please be careful when using to prevent it from being precompiled
Width:~ "-webkit-calc (100%-100px)";
margin:0px 50px;

This method makes it easy to center a floating element without having to calculate the top left

12, android4.4 does not seem to support target-densitydpi=device-dpi,android4.3 support