New UI 4.6 scaling issue

Hey, folks. So, I'm playing around with new UI and here's the problem. When I resize the viewport, while keeping the aspect ratio, elements won't resize properly.
Here's how I want it to look.


Here how it looks, when I scale viewport up:



AND it happens on iPhone screen when I resize viewport while using Unity Remote.

What am i doing wrong?

 

I don't understand what the problem is visually in your two images. They both look correct to me.

 

It might be hard to see on screenshots. On iPhone screen elements stay in their places but become smaller when i resize the viewport in Unity.

 

Tried reference resolution on canvas?

 

Just tried. It totally broke the layout. Canvas is "Screen Space - Camera" and some items have Z-offset for parallax effect when scrolling menu.

 

Make a test layout and use a reference resolution to see whether this would solve the issue.

 

Yes, it fixed the issue.
Thanks a lot.

Have to rebuild entire layout, though

 

Now there's another problem. When I change the aspect ratio to iPad or iPhone 4, some elements aren't anchoring and go off the screen.

 

have you read this?

http://docs.unity3d.com/460/Documentation/Manual/HOWTO-UIMultiResolution.html

images seem broke but check the local version

file:///C:/Program%20Files%20(x86)/Unity/Editor/Data/Documentation/html/en/Manual/HOWTO-UIMultiResolution.html

 

I just offset one page to be ok for iPad.
But thanks for the link, I didn't see it.