Google日历响应能力

时间:2013-09-07 21:25:15

标签: iphone css wordpress google-calendar-api

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

1 个答案:

答案 0 :(得分:0)

代码示例中存在语法(或拼写)错误。变化

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

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