我在wordpress中建立了标题和部分英雄。我使用干净的代码,我在移动的上有一个溢出。总是在devtools中,有时在我的手机上。它很难找到它,因为当你在devtools中编辑或删除任何元素时,溢出消失了。https://fisite.pl/page/
截图:see devtools screenshot
我在wordpress中建立了标题和部分英雄。我使用干净的代码,我在移动的上有一个溢出。总是在devtools中,有时在我的手机上。它很难找到它,因为当你在devtools中编辑或删除任何元素时,溢出消失了。https://fisite.pl/page/
截图:see devtools screenshot
3条答案
按热度按时间uz75evzq1#
有时Chrome DevTools会有一些小问题,我建议首先在Firefox DevTools中重现这个问题。
溢出的原因可能有很多-检查具有固定
width
大小、position: absolute
和其他CSS属性的元素是否会导致溢出。一个解决方案是在CSS中给予所有元素一个边框-这样你就可以直观地看到是否有溢出的内容。
如果你的页面相对较小,你可以使用Chrome DevTools单独删除一些元素。继续对你怀疑可能导致溢出的元素执行此操作,直到你的网站不再出现溢出。然后你就会知道是什么元素导致了溢出:
希望这有帮助!
fnx2tebb2#
您可以在样式表中添加以下类。
acruukt93#
除了上面的答案,另一件需要检查的事情是伪元素的样式规则,比如::before.(width,padding,margin)
伪元素的问题在使用上述技术的开发人员工具中可能很难发现。
另一个修复方法是:
(from讨论地点:https://wordpress.org/support/topic/overflow-issue/)