画像リンクの画像が縦に伸びて表示されてしまう

Simplicityの特徴 フォーラム Simplicityについての質問 画像リンクの画像が縦に伸びて表示されてしまう

このトピックには6件の返信が含まれ、2人の参加者がいます。2 週間、 5 日前 ホン さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #61666

    ホン

    お世話になっております。

    トップページに画像リンクを複数枚貼ったのですが、反映すると縦に伸びてしまいます。
    現在はHTMLでサイズを指定(縮小)しているので、PCサイト上は少し小さくも伸びた表示は避けられているのですが、スマホ上では若干縦伸びしています。

    この表示をPC/スマホ両方で横幅いっぱいのサイズで縦伸びさせずに表示するには何が必要でしょうか?

    http://nekonekodo-blog.com/

    以下は記述したHTMLです。
    <a href="https://www.instagram.com/yosaku_nekonekodo/"><img src="http://nekonekodo-blog.com/wp-content/uploads/2019/05/b_instagram.png" alt="instagram_banner" border="0" width="553" height="100"></a>

    実際の画像サイズは1106×200pxでメディアにアップしていますので、ひとまず応急処置として画像を半分の553×100にしています。

    よろしくお願いいたします。

  • #61667
    わいひら
    わいひら
    キーマスター

    申し訳ないですが、画面を見ただけでは、どういった不具合なのかがちょっとよくわかりませんでした。

    お手数ですが、問題がある状態のスクリーンショットを撮影して、アップしていただいてよろしいでしょうか。
    アップローダに関するものはいかに案内があります。
    https://wp-simplicity.com/suport/topic/uploaders/

  • #61668

    ホン

    準備不足でもうしわけありませんでした。

    http://netakiri.net/uploader/src/up0591.jpg

    画像をアップロードいたしましたので、ご確認いただけると幸いです。
    PCでの表示と比較していただけるとお解かりいただけるかと思いますが、バナー画像が縦に伸びているかと思います。

  • #61669

    ホン

    自分でもいろいろ試してるのですが、現在画像バナーのHTML内で「width=”553px” height=”auto”」で指定してなんとかスマホでの表示はまともになりました。

    ですが、PCで表示するとカラムの横幅いっぱいの大きさにはなっていない状態です。

    これをPC/スマホ両方でカラムの横幅いっぱいまで表示できるとありがたいです。

    よろしくお願いいたします。

  • #61670

    ホン

    連続投稿すみません。

    更に「width=”553px”」を消去して「height=”auto”」だけを残してみたらうまく表示されました。
    ただこれが正解かはわかりませんが・・・。

  • #61672
    わいひら
    わいひら
    キーマスター

    僕の環境では、取り立てておかしなようにはどうしても見えないです。
    https://wp-simplicity.com/wp-content/uploads/2019/05/2019-05-05_22h45_19.jpg
    よろしければ具体的な部分や、キャプチャの注釈をいただけると助かります。

    というか、もう対応されたあとなのかも。
    現在、問題なく表示されているのであれば、それで良いのではないでしょうか。

  • #61673

    ホン

    #61670の修正を入れて様子を見てみましたところ、安定して正常に表示されているようなのでこのまま行こうと思います。
    お手数おかけして申し訳ありませんでした。
    ありがとうございました。

トピック「画像リンクの画像が縦に伸びて表示されてしまう」への新規返信追加は締め切られています。

スポンサーリンク
アドセンス(大)
アドセンス(大)