iPhone 7/8plus 图片样式兼容性问题-弹性盒子
在平时我们前端的开发过程中,我们可能会遇到各种各样的兼容性问题,其中以移动端的兼容性问题最为突出(IE已挂),今天我就来举一个我日常开发中遇到的一个兼容性问题
就是iPhone 7/8plus图片显示问题:
我给一个图片的父盒子加了display:flex;属性之后,图片的高度不受控的长大了,如图:
安利一波,不良人还是挺好看的 -_- !
解决方法呢,就是把弹性盒子属性去掉,应该是这个机型的屏幕对这个属性不太友好(搜了许多plus不兼容弹性盒子的),然后把父盒子font-size设为0,如图:
图片及效果仅为诠释和解决问题所用,具体请在相关机型测试。