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

标签 css layout twitter-bootstrap responsive-design media-queries

我有自己的 CSS @media查询。有时(如果我放大浏览器然后缩小)页面有奇怪的右边距(navbarstatic-top => 最大化):

right side of the page

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

白场权利从何而来? 如果我缓慢 缩小页面 - 这个字段大约是 10px,而不是屏幕截图上的 200px。或者即使非常慢 -> 根本没有这样的余地。如果页面在紧凑(小)的浏览器窗口中打开,则没有问题。所以问题(对于 Google Chrome)是调整浏览器窗口的大小。在 FireFox 中,问题也是静态的(缓慢缩小浏览器窗口会产生“边距”)

这是 Safari 的屏幕截图:<body>元素被选中,所以奇怪的白色字段是正确的。

enter image description here

更新 1:

删除我的自定义 CSS 没有效果。还是一样的问题。

更新 2:

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

更新 3:

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

最佳答案

只需将 display: none; 样式添加到文件输入字段

关于css - Bootstrap 响应式设计的奇怪行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16291871/

相关文章:

jquery - 如何在 iPhone 上查看背景图片?

ruby-on-rails - 如何将变量传递给布局?

android - 修复 Scrollview Android 上的背景图片

jquery - 如何为缩略图悬停添加标题 - Bootstrap?

javascript - 模态对话框在网站中默认打开一次

ios - 动态 CSS 未在 iOS 中加载

html - 需要找到如何创建 float 标题

android制作自定义布局形状

twitter-bootstrap - 鲍尔 : install fork of Bootstrap

css - Webpack 2 压缩 CSS