Responsive design 如何使bootstrap 3模式内的外部内容具有响应性。

我使用Bootstrap3作为模式框。我使用I框架使用数据src属性加载外部内容

<div class="container">
   <a class="modalButton" data-toggle="modal" data-src="http://www.sitepoint.com/" data-height=320 data-width=450 data-target="#myModal">Click me</a>

   <div class="modal fade" id="myModal" tabindex="-1" role="dialog"  aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
         <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Modal title</h4>
           </div>
         <div class="modal-body">
              <iframe frameborder="0"></iframe>
         </div>
         <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Save changes</button>
         </div>
        </div><!-- /.modal-content -->
     </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->
</div>

它工作得很好，但是 外部站点在模式内部没有响应

如果我在浏览器中打开该站点，它的响应速度会很快，并且工作正常

已经有这个数据scr的演示，请检查它

多谢各位

---

尝试通过将模态和iframe的高度和宽度设置为100%，将模态的大小设置为整个页面。这可能有用。如果你用像素表示高度和宽度，它将永远不会有响应