iPhone 7/8plus 样式兼容性问题

iPhone 7/8plus 图片样式兼容性问题-弹性盒子

在平时我们前端的开发过程中，我们可能会遇到各种各样的兼容性问题，其中以移动端的兼容性问题最为突出（IE已挂），今天我就来举一个我日常开发中遇到的一个兼容性问题

就是iPhone 7/8plus图片显示问题：
我给一个图片的父盒子加了display：flex；属性之后，图片的高度不受控的长大了，如图：

安利一波，不良人还是挺好看的 -_- !

解决方法呢，就是把弹性盒子属性去掉，应该是这个机型的屏幕对这个属性不太友好（搜了许多plus不兼容弹性盒子的），然后把父盒子font-size设为0，如图：

图片及效果仅为诠释和解决问题所用，具体请在相关机型测试。

iPhone 7/8plus 样式兼容性问题相关推荐

WPF 仿IPhone滑块开关样式 - CheckBox
WPF 仿IPhone滑块开关样式 - CheckBox 原文:WPF 仿IPhone滑块开关样式 - CheckBox <Style x:Key="CheckRadioFocus ...
踩过的坑—iphone手机H5样式兼容总结
对一个前端开发者来说,最煎熬的莫过于"兼容"两个字了(说到这个词朋友们是不是身体一抖),哪怕对于工作多年的老油条来讲,也不是完全了解各种场景下的兼容性处理方法.在这里我就把我在工作 ...
css样式兼容性问题的处理办法
做web开发,对css样式都有所了解,让各浏览器都正确解析网页,还真得费一凡功夫,今天,先说说padding吧制作网页时在IE7下显示正常了,IE6下用些hack方法基本也解决了,就是IE8和fir ...
html字体兼容ie8,IE8 CSS 样式兼容性清单
最近部门业务网站需要考虑IE8的兼容性,刚好查到MSDN上有IE系列浏览器对CSS兼容性的完整清单,把其中IE8部分的内容翻译了出来,作为备忘. =========================== ...
iphone修改html样式,html – iphone在输入上覆盖我的所有样式[type =“submit”]
我已在此 JSFIDDLE中隔离了我的输入[type ="submit"]. 代码也是, input[type="submit"] { width: 100%; ...
【uni-app】解决iPhone X “刘海屏”兼容性问题
开发微信小程序时设置为自定义导航,在iPhone X这种有刘海屏的手机中预览会发现自定义导航与"刘海"之间的距离对比原生导航有些差异,用户体验不是很好. 这里可以使用uni.get ...
IPhone X 移动端兼容性问题
Iphone x 的刘海给屏幕增加了34pt的安全距离,就会导致我的页面布局错位.底部的tabbar 会被刘海挡住. 以下是专门针对vue 解决tabbar 被挡住的解决办法 1. 给index.ht ...
ext4.0.7 样式兼容性
现象: 使用自定义弹出下拉框,选择选项后,再次弹出的选择div位置出现很大偏移, 用开发工具查看后,发现top为负数. 原因: html文件的文档声明为: <!DOCTYPE HTML PUBL ...
iphone修改html样式,怎么调整页面布局 “苹果手机”页面布局怎么调整？
在WORD中页面设置只想设置其中的一页,应该怎么做? 在PPT2016中页面布局叫做幻灯片大小设置. 电脑打开PPT2016,点击进入设计页面. 进入PPT幻灯片设计页面后,在右上角就可以看到幻灯片大 ...

iPhone 7/8plus 样式兼容性问题

iPhone 7/8plus 图片样式兼容性问题-弹性盒子

iPhone 7/8plus 样式兼容性问题相关推荐

最新文章

热门文章