Xcode自动布局设备屏幕问题

Question

我目前在使用Xcode的约束和对齐功能方面遇到了问题。我目前的情况是试图有4个图像视图 （1x，2x，5x，10x）采用完美的方形布置，就像在iphone7,6,5上显示的那样。但是当我将它移动到iPhone x甚至是具有不同屏幕宽高比的老一代手机时，方形排列会串起并进入与屏幕参数相关的排列。

当前的约束和对齐方式如此......

浅灰色背景框 -

• 宽度=超视宽x 0.8
• 身高=＆＃39;由1：1比率约束＆＃39;
给出
• 位置/对齐=宽度＆amp;乘数为1的超视图高度。 （所以它只是屏幕的中心）

4张图片视图 -

• width = lightgreybackgroundbox x 0.38

• height = lightgreybackgroundbox x 0.38 （图像视图的大小完全由灰色背景框的大小决定）。

• 对齐X位置= lightgreybox centreX x 0.65

• 对齐Y位置= lightgreybox centreY x 0.8 （这只是左上角图像视图的一个示例）

图像视图的位置由选择它们具有相同的水平和视角来决定。垂直中心为浅灰色框（而不是超视图），并调整乘法值以将它们全部定位在浅灰色背景框内）。

然后我认为这不会引起问题，因为浅灰色框的高度和宽度不会改变，因为它们总是具有相同的宽高比，因此图像视图的定位看起来相同并且一致在每个设备上。 （但不是，图像视图和它们的位置仍由设备纵横比决定）。

是否有任何可靠的方法来配置图像视图，使它们始终在每个设备上保持其形状和间距一致？ 我想要的是让第一个图像示例在每个设备上看起来都一样，没有第二个例子中显示的明显失真。

非常感谢任何帮助。