iPhone 4和iPad的限制不同

Question

在iPhone 6上运行时，我有这个布局，这正是我想要的：

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

我真的无法解决这个问题。 如您所见，上面的图片中的文本离开了该区域，图像被“缩小”。 好像第一幅图像具有调整其自身大小的图像，而在第二幅图像中，文本正在填充空白空间。 我该如何解决？

编辑这是左侧图像和右侧表的约束：

左图：

右表：

在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

因此，如果无法自己尝试布局会有些困难，但是我认为这是您需要做的：

• 在您的左侧图像上， 删除 “跟踪空间到超级视图”约束。
• 在右表视图上， 添加一个Width约束，将表限制为当前宽度。

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