a-blog cmsでカスタムフィールドによるGoogle Maps表示を、レスポンシブに表示する

課題

解決方法

  • imgから始まる標示部分を、以下のタグで囲む。
<div style="display:flex;flex-wrap:wrap;”>
<img
class="js-s2d-ready" src=“”…>
</div>

備考

  • imgで表記した内容は、a-blog cms側でdiv要素で再描画される。
  • その内容について、flexを利用して標示幅の可変に対応する。
  • https://datafarm.jp/case/sumaregi/と詳細ページの地図部分で上記を利用している。


ご相談・お問い合わせはこちら

a-blog cmsについてのご相談、ご依頼など。お気軽にお問い合わせください。
頂いた内容については、3営業日以内の返信を心がけております。
他社で作成のa-blog cmsの修正も、頻繁にご依頼頂いております。
コーディング済データへのa-blog cms導入も実績多数です。
小さなことから、お気になさらずお気軽にご相談ください。

    必須

    この記事について

    サイト運用でのお困りごと

    技術協力でのお困りごと

    その他

    ご相談・お問い合わせ種別を入力してください。

  • 必須

    ご相談・お問い合わせ内容を入力してください。

  • 必須

    お名前を入力してください。

  • 必須

    ふりがなを入力してください。

  • 必須

    メールアドレスを入力してください。

    正しいメールアドレスを入力してください。




a-blog cms