我有一个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和其他手机上,完整的日历仍未显示。我不确定我在这里缺少什么。任何帮助表示感谢,谢谢。
答案 0 :(得分:0)
代码示例中存在语法(或拼写)错误。变化
.vresponsive-iframe-container object,
.vresponsive-iframe-container embed {
到
.responsive-iframe-container object,
.responsive-iframe-container embed {