Bootstrap图像响应无法在IE和Firefox中运行,但在Google Chrome中运行正常

时间:2015-04-09 13:54:13

标签: javascript html css twitter-bootstrap sharepoint

我正面临着来自bootstrap的奇怪行为。我使用bootstrap在我的页面中使用img-responsive类来处理图像。 我的图像在谷歌浏览器中很好用,但是在FF和IE中它在桌面和I PAD视图中正确调整大小,但是当我像手机和手机一样缩小屏幕尺寸时它不会重新调整尺寸原始大小。 对于每个屏幕分辨率,它适用于Google Chrome,但在IE和FF中,它不会在任何单个列大小中缩小。它保留了非常大的图像的原始大小。

附加了每个浏览器的Web检查器的图像。 火狐 enter image description here
IE

enter image description here

GoogleChrome enter image description here

任何帮助

2 个答案:

答案 0 :(得分:0)

尝试更新到最新版本的bootstrap。自版本3.2.1以来,这已得到解决

相关问题:IE backslash hack on .img-responsive stretches images in IE<11

答案 1 :(得分:0)

为所有正在使用的div添加了col-xs-12,然​​后修复了问题..