适配思路主要以平铺背景，调整缩放逻辑，贴近安全比例来达到 iPhone X 的完美显示。
4. 全屏运营类
全屏运营类的设计主要是避免主题素材上边缘切边，通过基于高度进行适配，视觉稿输出背景宽度 860px，但主体内容安全区域限定在 750px 以内。
5. 横屏直播
对于横屏直播，主要问题点出现在直播信息、操作按钮位置不当、被遮挡。所以优化思路是将预览图平铺，视频拉伸至全屏，同时确保左右两边及下方的主体内容在安全区域以内。
6. 百变播放器
通过寻找不同年代的音乐播放形式，精选出大家印象深刻的黑胶、收音机、录音机、磁带等物品进行视觉再设计。将这些物品的核心元素进行提炼，结合当下的设计风格，以突出每个物品的特点为目的，设计出既有情怀又符合现代人审美的百变播放器。
之前的实现方式是，按照 iPhone 6 的设计稿，对百变播放器的 UI 元素进行分类分层处理，通过按照坐标系定位逐个添加组件。
但在 iPhone X 下显示时发现了几个问题：
背景图尺寸不适配。
部分元素组件错位。
部分元素组件拉伸偏大。
安全区域被入侵。
通过对几个预想方案进行对比、权衡利弊之后，最终选择了 「定高」 这个解决方案。经测试，它解决了大部分百变播放器的适配问题，仅有类似变形金钢、小黄人等个别背景复杂的存在变形错误问题需要再进行小优化调整。
免责声明：科技狗对文中陈述、观点判断保持中立，不对所包含内容的准确性、可靠性或完整性提供任何明示或暗示的保证。请读者仅作参考，并请自行承担全部责任。 本网站转载图片、文字之类版权申明，本网站无法鉴别所上传图片或文字的知识版权，如果侵犯，请及时通知我们，本网站将在第一时间及时删除：yzl_300@126.com
