Google 日历响应速度

Question

我有一个 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 和其他手机上仍然没有显示完整的日历。我不确定我在这里缺少什么。任何帮助表示赞赏，谢谢。

Answer 1

代码示例中存在语法（或拼写）错误。改变

.vresponsive-iframe-container object,
.vresponsive-iframe-container embed {

到

.responsive-iframe-container object,
.responsive-iframe-container embed {