【 ＨＰ作成質問箱 】

【ＨＰ作成質問箱/詳細】　一覧 / 詳細

　 No.9463　画像のサイズ

[ぼん] [ブラウザ]　 07/10/08 (月) 20:45

画面の大きさによって表示される画像の大きさが変わってしまうんですけど、一定にするにはどうしたらいいですか？

▼

▼

▼

　 No.9466　Re:画像のサイズ

[atom] [ブラウザ]　 07/10/11 (木) 07:32

ちょっと意味がわからないのですが、
通常、画像って勝手に大きさが変わることなんてないはずですが？

何のことを言ってるのでしょうか？

▼

▼

▼

　 No.9467　Re:画像のサイズ

[ゆうな] [ブラウザ]　 07/10/11 (木) 12:16

> 画面の大きさによって表示される画像の大きさが変わってしまうんですけど、

ブラウザの設定で、大きさが変わっているのではないでしょうか？

例えばIEだと、画像を単独で表示させた場合、
ブラウザのウインドウ（画面）の大きさに合わせて、大きいサイズの画像を自動的にサイズ変更されるようにするという設定があります。
（画面より大きい画像が小さくサイズ変更されます。）
サイズ変更されても、右下に拡大・縮小ボタンが出てくるのでそれで対処できます。

#違う状況なら、詳しく書いてください。

▼

▼

▼

　 No.9468　Re:画像のサイズ

[seisuzuk] [ブラウザ]　 07/10/12 (金) 16:29

1024 x 768 の画面でピクセル単位で画像の縦横を設定したHTMLページを作成し、DELLの1280 x 1024の画面で表示すると、普通は左上に、画面の大きさへの比率では小さい画像として表示されます。
「これを画面の大きさが違う」というのであれば、その対応法は、この質問の前の私の質問にatomさんが丁寧に答えて頂いています。
HTML、CSSでの対応は見出されていません。
多分、問題はあると思いますが、上記のDELLの1280 x 1024でのテストでは、BODYに直接に画像を挿入するのであれば、左右余白と幅を％単位で設定し、一度高さをピクセルで設定した後に、ソースで高さの設定を削除すると、画像が原図の縦横比で表示されます。
画像の幅のみを％で設定すると、画面の大きさに比例した画像サイズとして表示されます。他の機種で同様に表示されるかは試していません。
また、テーブルのセル内に画像を挿入する場合には、この方法は現在のところ使えません。

▼

▼

▼

　一覧 / 詳細