Css 如何将twitter引导重置为浏览器';原版的

Css 如何将twitter引导重置为浏览器';原版的,css,twitter-bootstrap,image,Css,Twitter Bootstrap,Image,基本上,我想为img重置(撤销)一个Twitter引导2.2重置,该重置源于reset.less文件 Twitter Bootstrap本质上就是设置以下css: img { width: auto\9; height: auto; } 我可以在这之后添加什么CSS来撤销它?我实际上在使用引导sass gem,所以这就是我需要处理的 如果我在gem源代码中注释掉CSS,我的问题就解决了,但是当heroku加载gem时,这对我没有帮助。所以我需要一个本地覆盖/猴子补丁来修复这个问题 谢谢

基本上,我想为img重置(撤销)一个Twitter引导2.2重置,该重置源于reset.less文件

Twitter Bootstrap本质上就是设置以下css:

img {
  width: auto\9;
  height: auto;
}
我可以在这之后添加什么CSS来撤销它?我实际上在使用引导sass gem,所以这就是我需要处理的

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

谢谢。问题是:这里:


没有此修补程序的问题是,由于chrome和safari无法正确绘制图像,awesome同位素库无法正常工作。

您可以在该库下面添加一个新的重复选择器:

img {
  width: auto;
  height: auto;
}
这应该会覆盖它。
将其添加到文档
部分的主文件下调用的新文件中也会起作用。

您可以在此文件下添加新的重复选择器:

img {
  width: auto;
  height: auto;
}
这应该会覆盖它。
将其添加到文档
部分的主文件下调用的新文件中也会起作用。

我在这里发布了答案:

将其内联到CSS中起作用,如下所示:

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

事实上,我也没有使用宽度和高度属性测试同位素,如下所示:

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

而且效果很好!如果只指定CSS更好,有什么建议吗

通过使用以下CSS,我能够非常轻松地在没有引导(或引导2.0)的情况下测试此功能: img{ 宽度:自动; 高度:自动; }

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


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

我在这里发布了答案:

将其内联到CSS中起作用,如下所示:

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

事实上,我也没有使用宽度和高度属性测试同位素,如下所示:

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

而且效果很好!如果只指定CSS更好,有什么建议吗

通过使用以下CSS,我能够非常轻松地在没有引导(或引导2.0)的情况下测试此功能: img{ 宽度:自动; 高度:自动; }

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


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

我尝试了这个方法,设置显示在webkit调试器中,但遗憾的是,它不起作用。我需要一些可以让我撤销重置的东西。我尝试了这个,设置显示在webkit调试器中,但遗憾的是它不起作用。我需要一个能让我撤销重置的东西。