UIButton标题超出框架：小屏设备字体自适应失效原因咨询

这个问题我之前做项目时也碰到过！其实核心原因是UIButton的titleLabel默认布局逻辑和你设置的属性没有完全配合，导致小屏设备上标题没有足够空间完成缩放适配。下面是几个常见的原因和对应的解决办法：

1. 按钮缺少内边距，标题紧贴边缘造成视觉“超出” #

默认情况下UIButton的contentEdgeInsets是0，当小屏设备上按钮宽度被压缩时，titleLabel几乎占满按钮宽度，哪怕字体已经缩放，也会因为没有留白看起来像是超出框架。你可以给按钮添加合适的内边距：

purchaseButtonOutlet.contentEdgeInsets = UIEdgeInsets(top: 8, left: 16, bottom: 8, right: 16)

这样标题左右会有16pt的留白，既避免紧贴边缘，也给缩放后的字体留出了足够的显示空间。

2. 按钮约束未适配小屏设备 #

检查你在Interface Builder中给按钮设置的约束：

• 有没有把按钮宽度固定死？如果是，小屏上宽度不足自然会让标题放不下。建议设置相对宽度约束（比如相对于父视图的宽度比例），或者给按钮添加最小宽度限制，确保小屏上按钮有合理的宽度。
• 是不是只设置了centerX和固定宽度？改成设置leading和trailing约束，再加上最大宽度限制，布局会更灵活适配不同屏幕。

3. TitleLabel的换行模式配置不当 #

虽然你设置了adjustsFontSizeToFitWidth = true，但默认的lineBreakMode是.byTruncatingTail——如果字体缩到最小还是放不下，就会截断尾部，视觉上可能被误认为是“超出”。你可以调整换行模式，或者确保标题内容在最小缩放比例下能完全显示：

purchaseButtonOutlet.titleLabel?.lineBreakMode = .byClipping
purchaseButtonOutlet.titleLabel?.numberOfLines = 1 // 明确设置单行，避免意外换行

4. 按钮内容对齐方式设置问题 #

如果按钮的contentHorizontalAlignment不是.center，可能会导致titleLabel布局偏移，看起来像是超出框架。建议明确设置：

purchaseButtonOutlet.contentHorizontalAlignment = .center

按照上面的步骤调整后，小屏设备上的按钮标题应该就能正常适配了！

内容的提问来源于stack exchange，提问作者D-A UK