About Android WebView content different screen compatible processing

In the recent team project development app, there is an interface that uses WebView to display instead of native controls.

The problem with developing this interface is that the fragmentation of Android results in many screen resolutions, with screens of different resolutions that are compatible with the size of the controls within the interface WebView.

Because the Android native control size is controlled by DP, not pixel PX, the display on devices of different sizes will not vary significantly.

The main web is controlled by Pixel px, which results in a large difference in the screen with different resolutions.

Because I have less contact with web front-end development, has not much understanding of web development is how to deal with screen compatibility issues, especially for mobile web-side compatibility issues.

When trying to solve this compatibility problem, I suddenly think of my WordPress personal blog that the theme is compatible with the mobile Web side, and have been about to browse

The processing of the compatible CSS code, so immediately the. css file to find out, to find out, just know that it is called "responsive layout."

In this case, the compatibility of the interface I am going to do is a good solution.

Not to be continued