Why are my Gui's Positioned Differently When im on different duvices [HELP!]?

ok... ok... so basically when I was making my Wielding Simulator game Online, I was making my guis like

.the energy bar gui

.the shield bar gui and

.the Stamina bar gui

now when I position the gui's, I use the "UI Editor" of scaling and I scale its size and position their...

Next thing I know I test it on my PC and the Gui's are positioned beautifully...

but... when I use a smaller ar other bigger device, the gui's are compacted together or simply have been separated for some reason...…..

so WHAT is the reason for my GUI's being Presented Differently for other devices!?

Why is this happening?

and also , how can I prevent this and have it scaled all equally so it can look the same on each device no matter how big or small it is like the GUI's in Jailbreak or MAINLY in other games too?

someone please help me...…….

https://gyazo.com/bdb09812e73e582dbe13e14db6e6ae99

--T40

change the other side of the size and scale values. They are formatted (I think) something close to this:

[(A,B) (C,D)] 

I know there are four numbers anyway. You probably have A and C changed to numbers like 200 or 150 for your gui, what these numbers do is change the size of the gui, with no regard to the size of the user's screen. What you should probably do is set these numbers to 0 and work with numbers B and C. These change the size of the gui depending on the size of the user's screen. if you set these numbers to 1, they will take up the whole screen. Set them to 0.1 and they will take up 1/10 of the screen, regardless of the player's device.

You may need to change this a bit, I haven't done anything with programming for a few months but at least this is the general idea.