我这里讲解使用的是Masonry，我假设你对约束有一定的了解。
随着iPhone X的出现，iOS页面的适配似乎也麻烦了起来，我见得最多的就是通过某种手段判断机型或者获取导航栏的高度，然后计算宽高。我不说这种方法好不好，因为它也能解决你目前的问题，但不是我喜欢的方式。
在正式开始之前，我先介绍几个重要的知识:
1.topLayoutGuide和bottomLayoutGuide这两个属性属于UIViewController，topLayoutGuide主要就是指导航栏，状态栏；bottomLayoutGuide主要指TabBar(刘海手机上也可指代底部黑条的部分)，主要就是为了让你使用约束的时候对顶部和底部有个参考，避免视图上的内容被遮挡。
2.safeAreaLayoutGuide这个属性是iOS11才有的，也就是苹果对于刘海屏给出的一种解决方案。它和1中的两个属性作用类似，由于属于UIView类，不受限于UIViewController，所以在灵活性上更强。
从它的名字可以看出来，它是一种安全区域的参考，那么安全区域指哪块呢？如下图：
从上面的图可以看得出来，安全区域可以保证我们的内容不被遮挡。
3. Masonry中相应的属性
既然我们用Masonry，我们就需要知道与系统中对应的属性是哪些：
// 安全区域对应的属性
@property (nonatomic, strong, readonly) MASViewAttribute *mas_safeAreaLayoutGuide NS_AVAILABLE_IOS(11.0);
@property (nonatomic, strong, readonly) MASViewAttribute *mas_safeAreaLayoutGuideLeading NS_AVAILABLE_IOS(11.0);
@property (nonatomic, strong, readonly) MASViewAttribute *mas_safeAreaLayoutGuideTrailing NS_AVAILABLE_IOS(11.0);
@property (nonatomic, strong, readonly) MASViewAttribute *mas_safeAreaLayoutGuideLeft NS_AVAILABLE_IOS(11.0);
@property (nonatomic, strong, readonly) MASViewAttribute *mas_safeAreaLayoutGuideRight NS_AVAILABLE_IOS(11.0);
@property (nonatomic, strong, readonly) MASViewAttribute *mas_safeAreaLayoutGuideTop NS_AVAILABLE_IOS(11.0);
@property (nonatomic, strong, readonly) MASViewAttribute *mas_safeAreaLayoutGuideBottom NS_AVAILABLE_IOS(11.0);
@property (nonatomic, strong, readonly) MASViewAttribute *mas_safeAreaLayoutGuideWidth NS_AVAILABLE_IOS(11.0);
@property (nonatomic, strong, readonly) MASViewAttribute *mas_safeAreaLayoutGuideHeight NS_AVAILABLE_IOS(11.0);
@property (nonatomic, strong, readonly) MASViewAttribute *mas_safeAreaLayoutGuideCenterX NS_AVAILABLE_IOS(11.0);
@property (nonatomic, strong, readonly) MASViewAttribute *mas_safeAreaLayoutGuideCenterY NS_AVAILABLE_IOS(11.0);