Scaling panel by different screen sizes

Questions & Answers
1

Let’s say I want a UI panel on a canvas to always take up the left 1/3 of my screen. I want the panel height to always match the screen height, and the panel width to always match 1/3 of the screen width.

If I wanted to have the panel take up the middle 1/3 of the screen, I can do this:

  1. Make canvas scale by height, such that the canvas always has the height of the screen.
  2. Attach panel as child to canvas
  3. Set panel x scale to 0.33

Is there a way to anchor the panel to the left side of the screen using Rect Transform? I can’t seem to find a combination of anchor/pivot/position that behaves as I expect it to.

2

Scaling the UI elements without properly settings the anchors can produce unexpected behaviour.
The solution will be to keep the scale to 1, set the size of the panel for your default resolution and then just set the anchors in each corner.