サイドバーのプロフィールウィジェットの記事を更新した話

今から5ケ月前に書いた記事があるのですが、その方法でプロフィールをサイドバーに表示すると、パソコンで見た時は問題ないのですが、モバイルで表示させると困ったことになっていました。
これ ↓
Screenshot_profile01

すぐ上にあるカテゴリの一覧などは、ちゃんとサイズが縮小されて一行に収まるようになっているのに、なぜ、プロフィールの文字だけは縮小されない!?

諦めてそのままにしていましたが、どうしても気になって仕方がありませんでした。

今日は 自由時間があるので「原因を突き止めるぞ!」と意気込み、テストサイトで同じウィジェットを作って、スタイルシートをああでもない、こうでもない、といじっていました。

やってみるもんですね^^v

たぶん5ケ月前の私なら解決できなかったと思うけれど、いろいろカスタマイズしているうちに、コツがわかってきたんでしょうかね。

できた!

mobile_profile

CSSをちょっと変えただけなのに、この差が出るんだね。
奥が深いな~(たぶん入り口で終わるな)

下はすでに更新済みの記事↓

とりあえず、よかった☆

このプロフィールウィジェットのCSSは結構たくさんコピーして持ち帰られているので、その方たちにも届くといいけれど。
それは難しいだろうな。

1

管理人のつぶやき

Posted by どらみ