公共资产在生产中自动下载

Question

所以，我在一个bootstrap模式窗口中有一个iframe标签，它的src是一个PDF文件，位于我的rails应用程序的公共文件夹中。问题是，每次我将应用程序部署到Heroku，并使用移动设备（平板电脑和智能手机）访问它时，浏览器只需自动下载此PDF文件。

这是包含iframe的模态窗口：

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button></br>
        <h4 class="modal-title" id="myModalLabel"><span class="glyphicon glyphicon-calendar"></span> Agenda de Aulas - 12/2015</h4>
      </div>
      <div class="modal-body">
        <iframe id="modalframe" src="calendar.pdf"></iframe>
      </div>
    </div>
  </div>
</div>

同时，当使用移动设备访问时，pdf不会显示在模态中。它只出现在更大的屏幕上。也许它与正在下载的文件有关，我不知道。

我一直在搜索，但到目前为止找不到答案。我该怎么做才能解决这个问题？谢谢！