UI element gets rescaled by Unity?

I am trying to make a card game with Unity, if I set the game to full HD everything looks and behave perfectly normal and looks like this:

However, if I set the aspect ratio to anything else the cards get rescaled like this:


Only the cards get rescaled, everything else is more or less fine.
The canvas is set to "Screen Space Overlay" and "Scale with screen size".
This is what the cards prefabs looks like:




Any idea how to fix this and why it is happening?

 

Not entirely sure without messing around in your project, but i would recommend using Grid Layout Groups for the areas it makes sense.

The blue circles i drew are where i think a grid layout group would make sense.

 

they are already in layouts.
The player hand (bottom one) is a horizontal layout and the market (the one on the right) is a grid layout.

I wonder if the layouts are actually what’s causing this…?

 

Just about any part of the UI system CAN rescale and move parts of your image(s).

Layout and Fitter controls are intentionally designed to do this but plenty of other situations can trigger it as well.

What is happening above looks more like an anchoring issue.

Here are some notes on UI Anchoring, Scaling, CanvasScaler, etc:

https://forum.unity.com/threads/inc...size-between-two-people.1130146/#post-7261747

https://forum.unity.com/threads/game-ui-button-size-problem.1142650/#post-7337383