问题现象
在开发微信公众号网页时,用iframe来展示另一个页面,在测试的时候发现,iframe中的页面滑到底部之后,就在底部出现了一条白线。
问题调查及原因
因为在Android微信、iOS微信、web端均出现该问题,排除平台的原因,应该是样式的原因。
查阅了很多资料,大部分都是说将iframe的margin和padding设为0,但是我设置后仍然不好用。
最后在一个问答网站上找到了答案,因为iframe是内联元素,导致的该问题。
解决方案
因为iframe是内联元素,将其改为块级元素即可。
iframe { display:block; }
致谢
感谢该问题的回答者,附上网址。