0

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

Screen 1 Screen 2 Screen 3 Screen 4

Martijn Pieters
  • 1,048,767
  • 296
  • 4,058
  • 3,343
user2920014
  • 1
  • 3
  • 1
    You said it yourself, One Plus has more screen-to-body ratio and a better resolution than Samsung and even though its not a huge number , it clearly makes a big difference – ibrhm117 Jun 30 '20 at 05:05
  • But both devices have same width : 1080 pixels – user2920014 Jun 30 '20 at 09:31
  • The screen size is measured diagonally not vertically, this may be why you are getting the difference – ibrhm117 Jul 01 '20 at 04:29

0 Answers0