I am testing my app and I figure out that my app is looking different in two different manufacturer devices with same resolution. I have two devices as below and there are too many differences in my app regarding their icon size, text size, margins between icons, text content etc. I have tested some facebook screen also in the below devices and figure out that facebook screens are also looking different. Facebook's icon size, text size, margins between icons, text content etc also looking different in the below devices with same resolution. I have attached some screenshot of facebook. Kindly suggest me what I have to do so that my app will look same with same resolution in different manufacturer devices
1. OnePlus 7T
DISPLAY as below
- Resolution: 1080 x 2400 pixels, 20:9 ratio (~402 ppi density)
Size: 6.55 inches, 103.6 cm2 (~86.5% screen-to-body ratio)
Type: Fluid AMOLED capacitive touchscreen, 16M colors
Protection: Corning Gorilla Glass 5, HDR10+, 90Hz refresh rate
2. Samsung Galaxy J7 Prime
DISPLAY as below
- Resolution: 1080 x 1920 pixels, 16:9 ratio (~401 ppi density)
Size: 5.5 inches, 83.4 cm2 (~73.3% screen-to-body ratio)
Type: PLS TFT capacitive touchscreen, 16M colors
Protection: Corning Gorilla Glass (market dependent)
In OnePlus7t the icons, contents and margins are looking small in comparison to Samsung Galaxy J7 Prime
