有没有办法让外部固定布局iframe子页面在移动设备上工作？

我正在运行Drupal的移动网站上工作。有没有办法让外部固定布局iframe子页面在移动设备上工作？

目标是将第三方日历软件嵌入到页面中。我试图嵌入的日历恰好是固定宽度。

下面的CSS让iframe和其中的任何响应内容都能很好地工作，但是我在墙上跑的是固定宽度的子页面。

.embed-container { 
 
    position: relative; 
 
    padding-bottom: 56.25%; /* 16/9 ratio */ 
 
    padding-top: 30px; /* IE6 workaround*/ 
 
    height: 0; 
 
    overflow: hidden; 
 
} 
 

 
.embed-container iframe, 
 
.embed-container object, 
 
.embed-container embed { 
 
    position: absolute; 
 
    top: 0; 
 
    left: 0; 
 
    width: 100%; 
 
    height: 100%; 
 
}

我花了心思responsiveiframe.js，但似乎包括对第三方子页面的脚本，所以还有什么其他办法让它“有求必应” /在手机上工作？

来源

2014-11-05 supernovapilot