html – 表中的响应图像(引导3)

概述我正在使用Bootstrap 3框架,并有一些麻烦 Firefox中的“img-responsive”类. 我有一个4列的表与15/50/10/25％布局. 在第一列是一个大图像,应该缩小到15％. 但这只适用于Chrome / Opera,但不适用于FF / IE(图像不响应,因此太大). 我的代码： <table class="table table-striped table-condens 我正在使用bootstrap 3框架,并有一些麻烦
firefox中的“img-responsive”类.
我有一个4列的表与15/50/10/25％布局.
在第一列是一个大图像,应该缩小到15％.
但这只适用于Chrome / Opera,但不适用于FF / IE(图像不响应,因此太大).

我的代码：

<table ><thead><tr><th ></th><th >Bezeichnung</th><th >Zeitraum</th><th >Ort</th></tr></thead><tbody><tr ><td > <a href="xy" title=""><img src="yx.jpg"  alt="" title=""></a></td><td ><a href="xy" title=""><h3 >ABC</h3></a></td><td >555</td><td>XYZ</td></tbody></table>

这是BS3中的已知问题吗？我找不到任何东西

编辑：http://jsfiddle.net/cctyb/ – 在Chrome它的工作,在FF的形象是大的

解决方法 添加.img-responsive {wIDth：100％;}到你的CSS,另请参见： Why do Firefox and Opera ignore max-width inside of display: table-cell? 总结

以上是内存溢出为你收集整理的html – 表中的响应图像(引导3)全部内容，希望文章能够帮你解决html – 表中的响应图像(引导3)所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。