工作日记随笔-IOS端微信浏览器的坑

原创 15723120240 随笔 HTML/CSS 295阅读 2017-05-26 10:57:47 举报

问题:

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

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

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

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

解决办法:

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

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

细思:

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

总结:

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

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

css学习不能落下。
评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复