css - JqZoom 和 Twitter 引导冲突

Question

这是一个jsfiddle。

使用内部缩放（尽管它不适用于任何缩放类型），它应该像这样工作：http: //www.mind-projects.it/projects/jqzoom/demos.php#demo4

有任何想法吗？似乎是 Bootstrap 响应性的问题。删除 img 标签上的 Bootstrap 的max-width:100%CSS 声明会稍微改善一点，但它仍然损坏。

Answer 1

您需要覆盖最大宽度。

.zoomWindow img {max-width:none}

Answer 2

我有同样的问题。我修复了它添加了这个：

.zoomWrapperImage img{
  max-width: none;
}

Answer 3

您可能想添加一些其他修复img max-width:100%

此代码可以在实例化 jqzoom 后立即执行：

jQuery('.zoomPup img').css('width', jQuery('.zoomPad img').width() );
jQuery('.zoomPup img').css('height', jQuery('.zoomPad img').height() ); 

这在一般的 CSS 中：

.zoomPup img {max-width:none; max-height: none;}
.zoomWindow img {max-width:none; max-height: none;}