IOS端微信浏览器的坑

问题：

在ios设备微信服务号中打开会员活动页面，ajax请求的图片异步加载；

浏览器会先计算出页面的高度，当图片加载完成无法上拉查看下面的页面内容。

我在写页面时，只显示了一块屏幕的页面高度，上拉能看到下面的页面内容，

松手之后就弹回到上面。类似于页面内容溢出，然后浏览器自动来了一发overflow：hidden。

解决办法：

给img标签设置样式，min-height：xxx；

先给页面撑开一定的高度，当图片异步加载完成时，会撑开img标签，完美解决。

细思：

min-height给了img标签最小高度，ios微信浏览器为什么没有以min-height的高度定死页面高度？

总结：

css看似简单，实则是个深坑；在遇到页面问题时除了考虑js问题也要在css上找问题。

不仅要在深度的方法上解决问题，也要在广度上下功夫。

css学习不能落下。

欢迎分享本文，转载请保留出处：前端ABC » IOS端微信浏览器的坑