横屏下xib界面的Safe Area超出屏幕问题

横屏下搭建的XIB,Safe Area应该是如下区域才是正确的:

image.png

今天搭建界面发现Safe Area 在横屏下,居然超出了界面非常多,导致横屏的界面会溢出屏幕;

问题:
在竖屏下搭建的界面,控件的高度,采用了根据屏幕比例进行设置,这是没有问题的,但是,这个比例需要和Safe Area 做比例控制,而不是和Safe Area的上层View;

以iphone11为例, UI给的图,view的高度是 300,采用比例设置时,如果是相对于Safe Area的上层View设置,则比例会写成 300:896; 但是采用Safe Area,则是 300:818;

这里的问题就是应该采用Safe Area,也就是设置成 300:818才是正确的;这个就是为什么Safe Area为什么会溢出的根源所在;

什么原因导致的这个问题,不是很清楚;反正解决办法是如上即可;