css - Bootstrap响应式设计的奇怪行为

我有自己的@media查询css。有时候（如果我将浏览器的大小缩小然后缩小），页面的边距就会很奇怪（导航栏是static-top =＆gt;最大化）：

right side of the page

所有元素的outerWidth(true)都是导航栏宽度的最大值。甚至window.outerWidth = 400px 。屏幕截图中的页面大约是 600px

白色的田野从何而来？如果我将页面缩小慢慢地 - 此字段只是 10px ，而不是屏幕截图中的 200px 。或者即使非常慢 - ＆gt;没有这样的保证金。如果在紧（小）浏览器窗口中打开页面，则没有问题。所以问题（谷歌浏览器）正在调整浏览器窗口的大小。在 FireFox 中，问题也是静态的（缓慢缩小浏览器窗口会产生“边距”）

以下是Safari的截图：<body>元素被选中，因此奇怪的白色字段是正确的。

enter image description here

更新1：

删除我的自定义css不起作用。仍然是同一个问题。

更新2：

问题是由下方按钮上的file chose input field引起的。 如何缩小到0尺寸？

更新3：

已解决：将display: none;添加到file input field

Bootstrap响应式设计的奇怪行为

更新1：

更新2：

更新3：

1 个答案: