vue 移动端IOS弹性布局Flex挤压元素解决方法

在项目中遇到的问题 做个记录

安卓没问题 部分IOS机型在使用背景图时一旦使用内外边距 标签就被挤压
解决方案一： flex-shrink: 0 ;
该属性使当前子元素不被挤压 （在部分IOS中无效）

解决方案二：改变背景图展示属性

之前使用 background-size: 100% 100%;
排查之后使用 background-size: contain;

解决上述问题