画像を全体の200％の倍率で表示したい場合

<IMG SRC="http://www.○○.jpg" WIDTH=200 HEIGHT=200>
のように画像のサイズを設定していますが

縦=数値　横=数値
ではなく、画像を全体の200％の倍率で表示したい場合は
どうソースを書けばいいのでしょうか？

WIDTH=200 HEIGHT=200
これだと２００％以上に大きくなってしまいます。

No.1 ベストアンサー 回答者： nitto3 回答日時： 2013/03/21 10:06

全体のピクセルが８００なら WIDTH=1600　で２００％になります。

画像を横ピクセル1,600に作っておけばサイズ無設定で２００％になります。
画像のサイズを変えずに２００％にすればぼけてしまいますよ。

WIDTH=200 HEIGHT=200
これだと２００％以上に大きくなってしまいます。
これの意味が分かりません、携帯の画面なのかな？

この回答へのお礼

ありがとうございます。

お礼日時：2013/03/30 14:25

No.3 回答者： piraippi 回答日時： 2013/03/21 13:32

これでいけませんかね。

200「%」と、パーセントにします。


<img src="main.jpg" width="200%" height="200%">

この回答へのお礼

ありがとうございます。

お礼日時：2013/03/30 14:25

No.2 回答者： ORUKA1951 回答日時： 2013/03/21 12:15

＞ではなく、画像を全体の200％の倍率で表示したい場合は

　この全体の対象は何でしょう。
<p class="figure">
　<img src="./images/01.jpg" width="200" height="150" alt="test1">
</p>
の場合、親であるpに対してですか？
p.figure{width:30%;}
p.figure img{width:200%;height:auto;}

<IMG SRC="http://www.○○.jpg" WIDTH=200 HEIGHT=200>
IMG要素のwidth属性は、数値(lengthが入りますが、その値はピクセルと解釈されます。
よって
WIDTH=200 HEIGHT=200は、200px×200pxを示します。オリジナルの画像サイズを元にではありませんから、
＞これだと２００％以上に大きくなってしまいます。
とはならないはずです。

　imgは置換インライン要素ですから、サイズを属性(width,height)で指定しなければ、オリジナルのサイズになります。
　スタイルシートで指定すると、直近の親のブロック要素のサイズを参照します。

この回答へのお礼

ありがとうございます。

お礼日時：2013/03/30 14:25