我使用Bootstrap 4，我有viewport元标记，
%meta{:content => "width=device-width, initial-scale=1, shrink-to-fit=no", :name => "viewport"}/
我已用.hidden-xs-up隐藏了所有图片。然而，它仍然在Chrome移动显示屏中显示了大约25％的大小。我如何调试这个以找出哪个元素正在耗尽所有宽度？
答案 0 :(得分：0)
您是否尝试将width: 100%;添加到包装器中？
也许在填充元素上尝试box-sizing: border-box;
答案 1 :(得分：0)
你可以尝试这个来调试。
在Chrome中打开您的页面，打开Web检查器。然后在“元素”窗格中，将鼠标悬停在页面上的不同元素上，并查找一个太宽并延伸到视口外部的元素。
找到问题后，请检查其CSS。有时问题的原因可能实际上是元素的父或子。因此，如果您发现div太宽但其CSS看起来没问题，请检查CSS以查找附近的其他元素。
祝你好运！