Swift how to resize elements depending on screen size

Question

I've got all my elements in the view and have added constraints to position them correctly on any device.

But when it's run on a 3.5 inch iPhone some of the bottom stuff is cut off and when it's run on a iPhone 6Plus there's a lot of extra space on the bottom.

How could I resize all the elements to look good on all devices?

This is a universal app to run on iPhone and iPad.

Answer 1

I guess you constraint an element as width equals 300...It's very bad for some elements that should fill (or fill percent of) the screen. I suggest you make percentage constraints. For example, make equal width to view, click Edit button and set Multipiler 0.6. It looks like this in storyboard:

Answer 2

设置两个约束（例如，拖尾和前导）并为图像设置宽高比，也许这会有所帮助。