在iPhone 4和iPad上约束不同

Question

我在iPhone 6上运行时有这种布局，这完全是我想要的：

但是，这是在iPhone 4S（或iPad）上运行时：

我真的无法绕过这个。正如您所看到的，上面的图片中的文字离开了该区域，图像正在缩小＆＃34;。好像，第一个图像的图像自身调整大小，而后者文本填充空白区域。我该如何解决这个问题？

修改 以下是左侧图像和右侧表格的约束：

左图：

右表：

在这里他们被选中在IB：

Answer 1

我不确定你在做什么与其他元素，但对于表和图像，我可以建议你这些约束。首先清除这两个元素的所有约束，然后尝试这些。

右侧表格 -

top to superview
bottom to superview
width - fixed
trailing to superview

左侧图片

top to superview
bottom to superview
leading to superview
trailing to superview

根据您的设计放置约束值。这将保持右侧表固定宽度并调整图像大小以填补剩余的间隙。我认为这将解决您的问题。

Answer 2

所以，如果不能自己尝试布局会有点困难，但这就是我认为您需要做的事情：

• 在左侧图片上，删除＆＃34; Trailing Space To Superview＆＃34;约束
• 在右侧的tableview上，添加宽度约束，将表格约束为当前宽度。

这意味着表格中的文字将保留在同一位置，左侧图像将根据可用空间增大或缩小。