GUI Overlay using mobile camera

I’m developing an AR app that uses popup windows when certain objects are pressed. I’m using GUI.Window to act as a popup window. The issue I’m having is that the resolution is massive. When I run it using Remote, the popup window looks fine on my phone but when I build and run the app from my phone, since it uses the camera, it doesn’t scale properly everything becomes so tiny.

Is there any way to get around that?

Ok so I changed my approach and used percentages and got mostly everything working. The only issue remaining is the button sizes and font sizes. I’m trying to avoid sticking to any specific aspect ratio and just trying to accommodate as many devices as possible.

Any suggestions?

Figured it out. Basically I’m using a baseX and Y (1280x800) and hard-coding the sizes/position. Then using GUIMatrix, it re-scales them automatically based on the current resolution. Here’s a sample code:

// C# Code
float baseX = 1280;
float baseY = 800;
GUI.matrix = Matrix4x4.TRS(, Quaternion.identity, new Vector3(1.0f*Screen.width/baseX, 1.0f*Screen.height/baseY, 1.0f));