WEB広告運用の困りごとが集まる場所 コミュニティ コミュニティ スマホの画面の横幅に合わせてチャットボックスのデザインを修正したい 返信先:スマホの画面の横幅に合わせてチャットボックスのデザインを修正したい

  • widgetマスター

    モデレータ
    2023年9月25日 18:06

    【Widget名】

    自動応答チャット形式アンケート(選択肢をクリックして次の設問表示)※要javascript

    【カテゴリー】

    アンケート

    【設置例】

    https://sb-draft-preview.squadbeyond.com/articles/cxZnPHY_yBQktfbFeSeg/draft?token=4eaeacec0c68f72e0aa4fa3c0b53690f

    現在組み込まれているウィジェットを調整する場合は、以下のようにSCCを修正してください。

    <CSS>

    @media screen and (max-width: 600px) {

    .auto-chats {

    font-size: 3vw;

    }

    /* 以下追加 */

    .auto-chats-wrap {

    padding: .25em;

    }

    .auto-chats-item .message {

    grid-template-columns: 6.0em auto;

    }

    .auto-chats-item .baloon,

    .auto-chats-item .answer {

    width: 100%;

    font-size: 1.25em;

    line-height: 2;


    }

    /* 以下削除 */

    .auto-chats-item .baloon,

    .auto-chats-item .answer {

    width: 75%;

    }

    }