我有一个 WordPress 网站，并在其中一个页面上嵌入了 Google 日历。我正在使用以下代码尝试使日历响应移动设备：
.responsive-iframe-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.responsive-iframe-container iframe,
.vresponsive-iframe-container object,
.vresponsive-iframe-container embed {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
在我拥有的 iframe 周围
<div class="responsive-iframe-container">
</div>
虽然我注意到日历看起来缩小并且更适合页面，但在 iPhone 和其他手机上仍然没有显示完整的日历。我不确定我在这里缺少什么。任何帮助表示赞赏，谢谢。