9

<img>タグで画像の最大の高さと幅を設定する必要があります。たとえば、最大サイズが 400x400 px だとすると、画像サイズがこれよりも小さい場合はそのまま表示され、サイズが大きい場合はこのサイズに圧縮する必要があります。これをhtmlまたはjavascriptで行うにはどうすればよいですか?

4

6 に答える 6

9

CSSでとを設定しmax-widthますmax-height

max-width: 400px;
max-height: 400px;
于 2011-07-27T12:47:22.820 に答える
2

そのサイズのdivタグを使用して、画像を中に入れてみてください。

<div style="width:400px; height400px;>

  <img style="text-align:center; vertical-align:middle; max-width:400px;  max-height:400px;" />

</div>

またはそのようなもの。divはフルサイズであり、画像はその境界までしか拡大できません。

于 2011-07-27T12:44:45.213 に答える
1

私のやり方：

  • 画像をアップロードするときに、サーバー側のライブラリを使用して、画像が大きい場合（のみ）のサイズを変更します。あなたは常にサイズを小さくし、決して大きくしません。
  • 次に、クライアント側で画像サイズを設定しません。

正確にそのサイズ以上の画像の場合のみ、画像は400x400になります。

于 2011-07-27T12:46:21.633 に答える
0 
img
{
    max-width: 400px;
    max-height: 400px;
}

そのように: http://jsfiddle.net/fMuVw/

于 2011-07-27T12:52:19.573 に答える