派遣のお仕事情報満載!!アドバンティアで求人検索

html画像の幅or高さ指定なしで表示エラー??

html画像の幅or高さ指定なしで表示エラー??

本日ホームページ(当ホームページでなく他のホームページ)を確認している時に、画像が異様な形に!!!!????

なんだこれは!!!と思いタグimgを確認。

すると縦幅heightを指定しない画像が元の画像サイズの高さに!!!???

上の画像は表示例です。横幅は指定していて、元のサイズは600pxでwidthを300pxで指定して縮小。

通常ですと、これで縦幅を指定しなくても自動的に縦幅は小さくなり、元のサイズの画像を1/2で表示させた状態のはずですが..。

先日まで何も問題なかったのに今日見たら画像縮小がえらいことに。

ブラウザの使用変更のせい??サーバーを何かしらいじってしまったのか???

など原因を探してみたのですが、見つからず….。

結局、表示がおかしくなっている画像の、縦幅(height)、横幅(width)をちゃんと指定(指定していないwidth、heightをautoで指定)しました。

縦幅指定なしで試してみる

この画像は元の画像になります。それではこの画像をheight指定なしで1/3で表示させてみます。

あれ!???問題なく表示されていますね。。。。

それではスタイルシートで横幅を指定して1/3にしてみます。

縦長になりました。今までスタイルシート画像とかした際に、画像を小さくする際はwidthだけの指定で問題なかったのですが、heightもちゃんと指定しないと上の画像のようになってしまいます。なんなのですかね?私が間違っていたのでしょうか?

以下はスタイルシートをwidth、height指定した場合です。

問題ありませんね。

何のせいでこのような現象になってしまったのか、原因が分からないので誰か知っている人がいたら教えてください(涙)

期間工の仕事は貯金1000万円もできる!?

CTA-IMAGE 期間工の仕事は貯金1000万円もできる!?期間工、派遣で働く為のノウハウ、知識を公開中。