Question

我的问题是我的页面上的图像（iutm.pl）在Firefox中正常显示（我认为我的代码没有任何问题），但在WebKit或Blink浏览器（如Chrome或Opera）上没有。

可能是Paperclip故障我用来存储图像（需要保持数据库和图像之间的关系）导致显式存储在资产中的图像正确显示。无论如何，我不知道为什么一切都在Gecko中运行，而不是其他引擎。

提前致谢。

Answer 1

Bootstrap会覆盖图像的宽度和高度。最简单的解决方案是将宽度和高度属性添加到为图像定义边框的现有样式。这段代码可以解决问题。

.event_frame .frame-top .frame-img img {
    width: 200px;
    height: 200px;
    border: solid;
    border-color: #b2b2b2;
    border-width: 1px;
}