WordPressテーマSANGOの質問

スマホでのみ吹き出しショートコードのアイコンサイズを小さくしたい

Yuki

2019/03/25

初めまして、サルワカさん
いつもお世話になってます。

以下のご回答通りに修正し直したのですが、スマホではサイズ変更は見受けられず、PCのみ変更が適応されていました。

https://saruwakakun.com/sango/comments?id=84

PCでの表示サイズはそのままでスマホでのみアイコンサイズを小さくすることは可能でしょうか？
お忙しいと思いますが、お手すきの際にご教示よろしくお願いします。

SANGOのショートコード一覧

コメントへの回答

サルワカくん

2019/03/25

お世話になっております。
minをmaxに変えることで可能です。

@media only screen and (max-width: 481px) {
  /*481px以下のブラウザでのみ以下のCSSを適用*/
  .faceicon {
    width: 70px;
  }
  .chatting {
    width: calc(100% – 70px);
  }
}/*END max481px*/

よろしくお願いします。