【cocoon】スマホ吹き出しサイズ調整　カスタマイズ方法

スマホ　吹き出し画像が小さい問題

えんま

今まで問題なかったのにある日、スマホでブログ確認してみると、「あれ？」「画像小さすぎ！」どうしたらいいの？ってことでカスタマイズ方法まとめました。

CSSコード

.sb-id-25 .speech-person {
  width: 130px;
  min-width: 130px;
}
@media screen and (max-width: 480px){
  .sb-id-25 .speech-person {
    width: 80px;
    min-width: 80px;
  }
}

@media screenがスマホ表示
「80px」サイズ：この数字変更でスマホの画像大きさ調整できます。

CSS編集場所

えんま

これだけで本ブログの吹き出し画像が元通りになりました！しかし、同じCSSなのにもう一つのブログの画像小さいまま変化なし。

悪魔[裏]ちゃん

公式通りにしてみよう

画像サイズ　公式推奨

スマホ画像でもOK
アプリ使用してサイズ変更

えんま

cocoon作成者わいひらさんの推奨通りに詳しく説明してくれています。cocoon利用者も教えてくれるのでありがたいです。