IOS端微信浏览器的坑

问题:

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

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

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

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

解决办法:

给img标签设置样式,min-height:xxx;

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

细思:

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

总结:

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

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

css学习不能落下。

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

赞 (1)
分享到:更多 ()

发表评论 0