|
ご指南ありがとうございます。
手順のとおり試してみましたが、カスタムテンプレートから「map」を読み込むまではできたものの、モバイルプレビューでの表示結果は変わりませんでした。
怪しいと思う点が・・・
１）concrete/blocks/html/view.phpには次の記述しかありません。
<?php defined('C5_EXECUTE') or die("Access Denied."); ?>
<?php echo $content; ?>
２）CSSファイルのソース
.cal_wrapper {
max-width: 960px; /* 最大幅 */
min-width: 300px; /* 最小幅 */
margin: 2.0833% auto;
}
.googlecal {
position: relative;
padding-bottom: 100%; /* 縦横比 */
height: 0;
}
.googlecal iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
/* 画面幅が768px以上の場合の縦横比の指定 */
@media only screen and (min-width: 768px) {
.googlecal { padding-bottom: 75%; }
３）htmlブロックのソース
<div class=”cal_wrapper”>
<div class=”googlecal”>
<iframe src=・・・※埋め込みコード＞
</div>
</div>
Posted on 2月 11, 2018 at 7:29 午前
|
