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

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

  • このトピックには6件の返信、2人の参加者があり、最後に ホンにより8ヶ月、 2週前に更新されました。
6件の返信スレッドを表示中
  • 投稿者
    投稿
    • #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の修正を入れて様子を見てみましたところ、安定して正常に表示されているようなのでこのまま行こうと思います。
      お手数おかけして申し訳ありませんでした。
      ありがとうございました。

6件の返信スレッドを表示中
  • トピック「画像リンクの画像が縦に伸びて表示されてしまう」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)