Problems displaying site content in uc browser?

Question

css

Hello. Maybe someone faced the problem of not displaying the site content correctly in a mobile browser << uc browse >> ? I'm making up a site and only one browser brings problems in making up. Who faced and what methods were used in the fight?
I use Flexbox for layout. Could it be a problem and what can i replace it with?

Answer 1

1. Inspect your code for the use of solutions not supported by UC Browser (you can check it here - caniuse.com/)
2. Remove unsupported solutions from the code, or set up stubs.
An example browser does not support css custom properties (css variables), we write the following code:

:root {
  --container-width: 300px;
}
.container {
  width: 300px;
  width: var(--container-width);
}

As a result, a browser that does not support custom properties will simply ignore the second width.
3. If it is impossible to remove, we are looking for js-polyfills. This is a property implementation in js in unsupported browsers. But here, too, there may be difficulties, because. js browser support may not be complete either.

Answer 2

In UC, in addition to the standard mode, there is also a Fit to Screen mode or something similar, it can distort.