1

基本上，我想为源自 reset.less 文件的 img 重置（撤消）Twitter Bootstrap 2.2 重置。

Twitter Bootstrap 本质上是在设置这个 css：

img {
  width: auto\9;
  height: auto;
}

在此之后我可以添加什么 CSS 来撤消此操作？我实际上正在使用 bootstrap-sass gem，所以这就是我需要处理的。

如果我在 gem 源代码中注释掉 CSS，我的问题就解决了，但是当 gem 由 heroku 加载时，这对我没有帮助。所以我需要一个本地覆盖/猴子补丁来解决这个问题。

谢谢。这是问题：https ://github.com/desandro/isotope/issues/335#issuecomment-11507013和这里：https ://github.com/twitter/bootstrap/issues/6541

没有这个补丁的问题是，令人敬畏的同位素库无法正常运行，因为 chrome 和 safari 无法正确绘制图像。

4

2 回答 2

1

您可以在此下方添加一个新的重复选择器：

img {
  width: auto;
  height: auto;
}

那应该覆盖它。将其添加到在文档部分的主要文件下调用的新文件中<head>也可以。

于 2013-01-11T10:31:54.603 回答
0

我在这里发布了答案：https ://github.com/twitter/bootstrap/issues/6541

在 CSS 中内联它是有效的，如下所示：

<img src="blah-blah" width=398 height=265 style="width:398px; height:265px">

其实我也测试过Isotope，没有使用width和height属性，像这样：

<img src="blah-blah" style="width:398px; height:265px">

效果很好！如果最好只指定 CSS，有什么建议吗？

通过使用这个 CSS，我可以很容易地在没有 bootstrap（或 bootstrap 2.0）的情况下进行测试：img { width: auto; 高度：自动；}

似乎CSS中的宽度和高度确实覆盖了图像属性，并且在图像加载之前，浏览器不知道要分配多少空间，然后，即使在图像加载之后，间距仍然是错误的，在至少与同位素。内联样式确实解决了这个问题。我想我尝试过使用常规样式，但这似乎不起作用，但我可能遇到了 CSS 优先级问题。无论如何，由于图像大小是由图像属性决定的，所以放入这一点内联 CSS 是很自然的。我希望我们最终能找到更好的解决方案，因为这肯定会在升级时影响其他人。

或者至少应该记录一下，需要对图像的宽度和高度使用内联样式而不是属性。

于 2013-01-12T08:07:12.553 回答