
[code]

    <p>
      <image src="hoge.png" width="50%">
    </p>
    
[/code]

としたところ、hoge.pngの画像サイズに対して50%ではなく  
親要素(pタグ)の大きさに対して50%になってしまいました。

画像の大きさを50%にする方法はあるのでしょうか？


CC BY-SA 3.0
2016-05-10T09:12:32.323
24714
2016-11-02T14:39:11.010
9008
question
html
imageタグで画像のサイズを実際の画像サイズからパーセントで計算させる方法は？


サイズを指定せず`img`要素にCSSで`zoom:0.5`ではどうでしょうか？

[code]

    <p>
      <image src="hoge.png" style="zoom:0.5;">
    </p>
    
[/code]

もしくは`javascript`を使って画像のサイズを取得してサイズを固定するかですかね


CC BY-SA 3.0
2016-05-10T09:18:36.573
24715
2016-05-10T09:18:36.573
24714
answer


javascript で

[code]

    <img src="hoge.png" onload="this.width = this.width*0.5" />
    
[/code]


CC BY-SA 3.0
2016-05-10T10:04:28.177
24716
2016-05-10T10:29:12.380
2016-05-10T10:29:12.380
5044
5044
24714
answer