Compatible processing of Android WebView content on different screens

Recently, when a project in the team develops an APP, A WebView interface is used for display instead of a native control.

 

One problem encountered during the development of this interface is that the fragmentation of Android causes many screen resolutions. Screens with different resolutions are compatible with the size of controls in the WebView of this interface.

Because the size of Android native controls is controlled by dp rather than pixel px, the display effects on devices of different sizes are not very different.

The web is mainly controlled by Pixel px, which leads to great differences in the display effect on screens with different resolutions.

 

As I am not familiar with front-end web development, I have never been familiar with how web development handles screen compatibility issues, especially mobile web compatibility issues.

 

When trying to solve this compatibility problem, I suddenly remembered that the topic I used in my wordpress personal blog was compatible with the mobile web Client and was probably browsed before.

The compatible CSS code is found immediately after the .css file is found and found out, it is called "responsive layout ".

In this way, the compatibility problem of the interface that I want to do will be well solved.

 

To be continued