Arn*_*erg 5 debugging webpage web-inspector responsive-design
在处理预先存在的固定宽度网页设计以尝试使其响应时，当我在测试期间缩小视图/屏幕尺寸时，我发现在某些时候会出现水平滚动条，表明某些元素或组合站点上相邻元素的组合宽度大于视图的宽度。我需要确定那个元素是什么，这样我才能弄清楚如何处理它。
我的问题是，确定页面上最宽元素的最佳方法是什么 - 即它不会进一步缩小的原因？使用浏览器的内置检查器工具，这只是在任何长页面上的猜谜游戏，并且完成此操作的效率非常低。
感谢您的任何建议。
我没有看到任何特殊的工具，但在我的工作中我使用下一种方式：
在 web 检查器中，您选择一些 html 节点并申请overflow: hidden此节点，如果隐藏水平滚动条，哇 :) 所以最宽的元素在此节点中，您删除当前节点overflow: hidden并选择当前节点内的下一个节点，然后再次应用overflow: hidden等等
| 归档时间： |
|
| 查看次数： |
1409 次 |
| 最近记录： |