100vh and Android Chrome

While working to my our product work with mobile devices, I encountered this issue with Chrome for Android.

It seems that setting an element height to 100vh will include the height of the Chrome Address bar and tabs. This is designed so that when user scrolls down the address bar and tabs will go away to show the web page using the whole screen(except the notification shade, of course).

Where as in Chrome for desktop, 100vh only includes the height of the viewing area below the address bar.

Because of this feature, website that looks correctly in desktop may not work correctly in mobile, need to keep this in mind. Use Android Chrome remote debugging feature to debug the website in Chrome for Android.

 

Slow Gradle build time in Android Studio when using libGDX

Follow the SO answer: http://stackoverflow.com/a/35859572/5539403

In Android Studio go to File -> Settings -> Build, Execution, Deployment -> Build Tools -> Gradle

Check the ‘Offline work’ under ‘Global Gradle settings’

However, if it Gradle needs to get libraries from the Internet, turn off ‘Offline work’ and run it for first time, then turn the option on to speed up build process.