Google Chrome截断博客网站

时间:2018-04-07 07:37:12

标签: html css google-chrome hugo blogdown

我有一个通过R的blogdown和Hugo创建的静态网页。它的工作正常,主要是除了Chrome上的一些非常特殊的行为(但不是iPhone Chrome,或者我尝试过的任何其他浏览器[firefox,safari])。

你可以在这里看到罪魁祸首: https://drmowinckels.io/blog/gamm-random-effects/

根据您的浏览器大小和缩放级别,您可能会或可能不会在页面上的某个位置注意到边界,然后页面内容在此之后显示为空白,直到显示底部的disqus。 (这是首次在Android上获得)

内容仍然存在,我可以搜索文本,但你只是看不到它。在我的android chrome上尤其明显,这在页面上发生了很多。此外,如果尝试放大,边界会移动,截断页面内容的更多

我尝试在笔记本电脑上使用Chrome的devtools,但我没有网站的错误,我无法发现这种行为的来源。使用devtools,我建议几乎在任何设备上尝试150%缩放,以查看行为。

我目前已禁用手持/移动设备调整到我的页面,以帮助我调试,但我现在感到很茫然。

问题是:有人能发现这个边界截断/隐藏帖子内容的来源吗?

对于可能正在做的事情的任何帮助/提示非常感谢!

1 个答案:

答案 0 :(得分:0)

问题是双重"淡入"影响。父母div与儿童div同时褪色的地方。因此,孩子的褪色失灵了。我删除了child-div中的淡入淡出,问题就解决了。

感谢您提供链接并帮助发现问题!