0

WordPress サイトがあり、ページの 1 つに 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 やその他の携帯電話ではまだカレンダー全体が表示されません。ここで何が欠けているのかわかりません。助けていただければ幸いです。

4

1 に答える 1

0

コード例に構文 (またはスペル) エラーがあります。変化する

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

に

.responsive-iframe-container object,
.responsive-iframe-container embed {
于 2014-03-10T14:40:36.837 に答える