webview android app issues

Question

i'm a web developer so i don't have a large knowledge with android apps, but i have found a project on github to make a simple webview app to show a website i have created which is fully responsible and work fine with all browsers on desktop and android phones, when i run the app in android studio it works great and everything run smoothly in many emulators, but when i install the apk on physical phone some problems show include taking larger width than the device and some containers which displayed 'none' shows at the bottom of the page and there are many issues with the proportions of the pages, i hope someone can help me to locate the problem or guide me to where i can search for it and find it by myself

this is the url to the github project

thank you very much

Answer 1

I see, I think just adding this code to your MainActivity will do the trick!

mWebView.getSettings().setLoadWithOverviewMode(true);
mWebView.getSettings().setUseWideViewPort(true);

maybe try this too:

WebView.getSettings().setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);

put the above code below :

 mWebView.setWebViewClient(new WebViewClient());

hope this helps :D and please tell me if it does!