- このトピックには6件の返信、2人の参加者があり、最後に
により5年前に更新されました。
-
投稿
-
-
お世話になっております。
トップページに画像リンクを複数枚貼ったのですが、反映すると縦に伸びてしまいます。
現在はHTMLでサイズを指定(縮小)しているので、PCサイト上は少し小さくも伸びた表示は避けられているのですが、スマホ上では若干縦伸びしています。この表示をPC/スマホ両方で横幅いっぱいのサイズで縦伸びさせずに表示するには何が必要でしょうか？
以下は記述した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にしています。
よろしくお願いいたします。
-
申し訳ないですが、画面を見ただけでは、どういった不具合なのかがちょっとよくわかりませんでした。
お手数ですが、問題がある状態のスクリーンショットを撮影して、アップしていただいてよろしいでしょうか。
アップローダに関するものはいかに案内があります。
https://wp-simplicity.com/suport/topic/uploaders/ -
準備不足でもうしわけありませんでした。
http://netakiri.net/uploader/src/up0591.jpg
画像をアップロードいたしましたので、ご確認いただけると幸いです。
PCでの表示と比較していただけるとお解かりいただけるかと思いますが、バナー画像が縦に伸びているかと思います。 -
自分でもいろいろ試してるのですが、現在画像バナーのHTML内で「width=”553px” height=”auto”」で指定してなんとかスマホでの表示はまともになりました。
ですが、PCで表示するとカラムの横幅いっぱいの大きさにはなっていない状態です。
これをPC/スマホ両方でカラムの横幅いっぱいまで表示できるとありがたいです。
よろしくお願いいたします。
-
連続投稿すみません。
更に「width=”553px”」を消去して「height=”auto”」だけを残してみたらうまく表示されました。
ただこれが正解かはわかりませんが･･･。 -
僕の環境では、取り立てておかしなようにはどうしても見えないです。
https://wp-simplicity.com/wp-content/uploads/2019/05/2019-05-05_22h45_19.jpg
よろしければ具体的な部分や、キャプチャの注釈をいただけると助かります。というか、もう対応されたあとなのかも。
現在、問題なく表示されているのであれば、それで良いのではないでしょうか。 -
#61670の修正を入れて様子を見てみましたところ、安定して正常に表示されているようなのでこのまま行こうと思います。
お手数おかけして申し訳ありませんでした。
ありがとうございました。
-
- トピック「画像リンクの画像が縦に伸びて表示されてしまう」には新しい返信をつけることはできません。