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 {

Google日历响应能力

1 个答案: