ここから本文です

【教えて】HTMLについて! HTMLを独学しています。 画像配置の際、 <img src=...

iko********さん

2019/3/401:32:42

【教えて】HTMLについて!

HTMLを独学しています。
画像配置の際、
<img src="□□.jpg" alt="○○○" width="100%" height="200%">

と指定

したとします。

イメージでは、高さのみ200%拡大して載せたいのですがwidthの100%に固定されて
反映されません。
一度widthを削除しheight="200%"のみ記載しましたが元画像のサイズのまま
全体が200%にもなりません。

width="200%"でやると、縦横比率がかわらず200%のサイズになります。

ピクセル設定だとうまくいきます。
例)width="200px" height="800px"(極端ですが)

これだとうまく縦長になります。

ようは%で記載したとき、widthに反映されheightの属性値が反映されないです。

なにか原因があるのでしょうか?
教えていただきたいです。

閲覧数:
16
回答数:
1

違反報告

ベストアンサーに選ばれた回答

プロフィール画像

カテゴリマスター

shi********さん

2019/3/410:08:41

そもそもhtml5ではwidth, heightの指定はピクセル単位「のみ」です。

https://developer.mozilla.org/ja/docs/Web/HTML/Element/img

たとえ % で指定してそれが有効になったとしても(src属性に指定された画像ファイルのサイズに対するパーセンテージではなく)img要素の親要素の大きさに対するパーセンテージと解釈されるのが妥当だと思います。

ヘンな解釈をして一見真っ当な動作するブラウザがあるかもしれませんが、基本的に「定義されていない書き方」をしてはいけません。

  • 質問者

    iko********さん

    2019/3/414:01:19

    なるほど!そういうことだったんですね。
    サイトで配置画像に対して%でも変更可能と見ましたが、
    CSS上では問題ないということでしょうか?
    HTMLではピクセル指定というのは学ばせていただきました。
    ありがとうございます!

返信を取り消しますが
よろしいですか?

  • 取り消す
  • キャンセル

この回答は投票によってベストアンサーに選ばれました!

この質問につけられたタグ

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる