2014年3月11日 星期二

[Bug] Android Native browser should extend page height if page height is smaller than window's height

I spend whole day to resolve this problem. The bug only occurred in Android native browser (less than 4.4). Chrome in Android or iOS works fine.

As following, the bottom of the page is red line. After the red line, iOS safari is not showing, bug android creates this blank area. In this case, zoom in or zoom out might appears blank area at the top which overlay my toolbar or drop-down list.



Solution is simple, just add min-height at body by using javascript:
https://gist.github.com/girvan/9478301