Twitter bootstrap 3 Bootstrap 3缩略图类中的Fullcalendar未与其他类一起调整大小

我试图使用Fullcalendar将每周日程安排放在一排缩略图中，但调整大小似乎并不一致

1在我的工作监视器上，议程表以全屏宽度正确渲染，然后在屏幕变窄时变为比相邻缩略图高，然后以全屏宽度返回正确渲染。在移动仿真中，它也可以正确渲染，行从水平配置切换到垂直配置。屏幕分辨率为1920x1080

2在家中，议程最初在全宽范围内渲染为比相邻缩略图高，然后随着水平尺寸的减小而保持较高，在移动仿真中正确渲染，然后在屏幕恢复为全宽时正确渲染。屏幕分辨率为1366x768

相邻图像的基本尺寸为465x300

相关代码位。jQuery在$document.ready部分调用日历

HTML部分：

<div class="row">
        <div class="col-md-4">
        <div class="thumbnail text-center"><div id="calendar-index"></div><a href="full_cal.html" class="btn btn-primary" role="button">Button Text</a></div>
        </div>
        <div class="col-md-4">
        <div class="thumbnail text-center"><img id="imgSource" src="image1.png"><a href="#" class="btn btn-primary" role="button">Button Text</a></div>
        </div>
        <div class="col-md-4">
        <div class="thumbnail text-center"><img src="image2.png"><a href="#" class="btn btn-primary" role="button">Button Text</a></div>
    </div>

我觉得将它连接到$imgSource.load而不是$document.ready调用会起作用，但如果可能的话，我会避免使用不推荐使用的函数

---

我找到了解决方法，以防其他人遇到类似问题；它并不完美，但它至少使水平缩放更加稳定。有一个名为Datatables的免费jQuery插件，它支持自动水平缩放。垂直缩放仍然不起作用，但不管监视器分辨率/大小如何，表格至少在最初正确显示

---

我也尝试过使用Fullcalendar内置的aspectRatio，但也无法正确呈现维度。插入的行是aspectRatio=$imgSource.width/$imgSource.height-但是，正如我所说，它没有以任何正确的分辨率呈现。你能给我们提供一个提琴吗？@azeos

<div class="row">
        <div class="col-md-4">
        <div class="thumbnail text-center"><div id="calendar-index"></div><a href="full_cal.html" class="btn btn-primary" role="button">Button Text</a></div>
        </div>
        <div class="col-md-4">
        <div class="thumbnail text-center"><img id="imgSource" src="image1.png"><a href="#" class="btn btn-primary" role="button">Button Text</a></div>
        </div>
        <div class="col-md-4">
        <div class="thumbnail text-center"><img src="image2.png"><a href="#" class="btn btn-primary" role="button">Button Text</a></div>
    </div>