【发布时间】：2013-04-23 21:35:50
【问题描述】：
我有自己的带有@media 查询的css。有时（如果我将浏览器的大小放大然后缩小）页面右侧有奇怪的边距（navbar 是static-top => 最大化）：
所有元素的outerWidth(true) 是导航栏宽度的最大值。甚至 window.outerWidth = 400px。截图页面约为600px
白色的领域是从哪里来的？ 如果我慢慢地缩小页面 - 这个字段大约是 10px，而不是屏幕截图中的 200px。或者即使非常慢 -> 根本没有这样的余量。如果页面在紧凑（小）浏览器窗口中打开，则没有问题。所以问题（使用 Google Chrome）在于调整浏览器窗口的大小。在 FireFox 中，问题也是静态的（缓慢缩小浏览器窗口会产生“边距”）
这是来自 Safari 的截图：<body> 元素被选中，所以奇怪的白色字段是正确的。
更新 1：
删除我的自定义 CSS 无效。还是同样的问题。
更新 2：
问题是由下方按钮上的file chose input field 引起的。 如何将其缩小到 0 大小？
更新 3：
已解决：将display: none; 添加到file input field
【问题讨论】：
标签： css layout twitter-bootstrap responsive-design media-queries