コメント欄のアバターの表示の不具合（スマホで見た場合）

  • 解決済 takkaja

    (@takkaja)


    10年、 10ヶ月前

    スマートフォンでの表示不具合の件で困っています

    http://okinawan-riderz.com/blog/archives/2108#comment-9168

    PCからだと問題ないのですが、スマホで見た場合
    拡大しようとすると、徐々にアバターが拡大してきて
    表示が崩れてしまいます。

    ググってみましたが、原因がわかりません・・・
    多分、簡単なことだと思うんですが・・・

    ちなみに
    wordpressのバージョンは3.7
    テーマはtwenty tenをベースにカスタマイズしています。

    よろしくお願いします

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • gqevu6bsiz

    (@gqevu6bsiz)

    10年、 10ヶ月前

    こんにちは。

    サイトをスマートフォンで拝見しましたが、おそらくコメント部分のアバター画像の事ではないかと思いました。
    アバターの画像に幅と高さは40pxで指定されているようですが、
    お使いのテーマのスタイルシートで
    #content img
    と指定している為にサイズが無効化され、拡大すると画像だけが大きく表示される現象になるのではないかと思いました。

    #content .commentlist img.avatar-40 { max-width: 40px; }
    スタイルシートにこちらを記載すると、指定通りの画像のサイズで表示されると思いますが、どうでしょうか？

    トピック投稿者 takkaja

    (@takkaja)

    10年、 10ヶ月前

    gqevu6bsizさん

    さっそくありがとうございます。

    指摘どうりに追記したら、解決しました。
    wordpressで運営するようになって2年あまり経ちますが
    ググってもわからずに途方に暮れていました・・・

    なぜ治ったのかも
    よくわかっていませんが、復習して検証してみたいと思います。

    本当にありがとうございました

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「コメント欄のアバターの表示の不具合（スマホで見た場合）」には新たに返信することはできません。