Why phonegap + ionic version breaks on some devices?

Question

css

I made an application under PhoneGap and ran into a problem:
in chrome on a PC in mobile layout mode and on my phone (Xiaomi Mi3-android4.4.4) everything is displayed correctly, but on most other devices the layout goes, and strongly.
A couple of examples:
All tested devices with android higher than 4.0.0.
It is worth noting - it's not about resolution and responsiveness:
In chrome, setting the resolution as on the device, everything is fine!
In my phone, virtually changing the screen size with Resolution Changer is also fine.
Perhaps the version of chrome is very different in different versions of android?

Answer 1

The problem turned out to be very strange on older versions of android (below 4.3) the browser core from safari, so the layout must be adjusted for two cores for the old safari core and the chromium core!

Answer 2

check the page tags - I think there is a jamb in them ...

Answer 3

Try to forcibly disallow line/word/letter wrapping
white-space: nowrap;