How to resize UI elements based on screen Size?

Godot Version

V4.2.2

Question

Hey guys,

I know this might be broad question that has been asked many times. I am trying to make UI elements to shrink and expand based on the screen size. as you can see from the photo there are hundreds of UI elements I need to resize and can’t find the way to make it effective. It is UI game and it is important that it changes its size based on the screen size.

Can anyone give me some kind of advice or direct me to a video or documentation where I can learn how to do just that?

Thanks a lot.

Not sure if that’s what you’re looking for, but this might help:

In the stretch section, toggle the mode to canvas_items and everything should follow the screen size.

As I said, I’m not sure that’s what you’re looking for, but it’s worth a try.

That solution would technically work, but it would make it look either blurry or pixelated if stretched too much.

Would?

Have you tried it? That’s what I use and there’s no blurriness or pixelation.

Take a look at the documentation: Multiple resolutions — Godot Engine (stable) documentation in English. There are also some examples and common scenarios.