Physical Resolution in Android Mobile Browser

Smaller UI and Larger Resolution

The Purpose

For using Android on large display, and reporting to mobile browser the physical resolution.

Scenario

  • Android by default will report a low resolution (not physical resolution) to apps
  • Which makes UI so big, font so big
    • Even when browser showing websites in its desktop mode, the resolution reported to websites are still small
      • On phone: Usually around 800px to 900px

The Work-around

  • WARN:
    • THIS WORK-AROUND MAY BREAK THE FONT SIZE VS UI ON MANY APPS
    • USE IT CAREFULLY, HARD TO CHANGE BACK WHEN THE UI IS TOO SMALL TO PRESS WITH FINGERS.
  • In order to have Android scaled to physical pixels, especially for using browsers in Android when using external display such as thru' Samsung Flow
    • Enable Developers mode in Android Settings
    • Go to 'Minimum width' in Developers settings
      • The default for Note8 is: 411 dp
      • But the physical display of Note8 is 2220x1080, so that minimum width must be the smaller size of physical resolution
      • However, the external display is Full HD for example
        • Thus put the minimum width to 1080? (of Full HD resolution 1920x1080)
        • But by practice 720 is better to be able see on mobile screen too?
  • Bottom line:
    • Put Minimum width to 1080 for physical mobile display experience
    • Restore to 411 when needed.
    • Change the font size in Android Settings (not Developers Settings) too
      • Real physical resolution needs bigger font size. ___

You'll only receive email when they publish something new.

More from 19411
All posts