PCで閲覧している場合、ブラウザの幅を縮めてみてください。幅が一定の値になると、横並びから縦並びになります。
デモ
吹き出しです。
ここに吹き出しの内容を記載します。
並べればチャット風になります。
ここに吹き出しの内容を記載します。
ソースコード
ソースコードはこちらです。
Cssで吹き出しの会話文を作成する手順(レスポンティブデザイン対応)
Cssで吹き出しの会話文を作成する手順を紹介します。レスポンティブデザイン対応して途中で矢印の向きを切り替えてみます。
完成形のコードだけ貼り付けているサイトが多いので、初心者でもわかるようcssは段階的に解説してみますね。
...
i-onna.com
コメント