3

コンテナーのパーセンテージではなく、自己のパーセンテージで img をスケーリングする方法は?

以前にこの問題に遭遇したことがないとは信じられないので、標準が変更されたか、何か間違ったことをしていると推測しています。このようなイメージ

<img src="something.jpg" height="50%" width="50%">

しかし、今ではコンテナオブジェクトのサイズでスケーリングされていますが、これは私にはまったく関係ありません.

この非常に単純な画像スタイリングを実現するために、JavaScriptでピクセルなどの計算を開始する以外に方法はありませんか?

幅 500px の画像があり、ユーザーが 50% を選択した場合、その画像を幅 250px で表示したいので、現時点ではコンテナのサイズは気にしません...

4

4 に答える 4

1

CSSzoomプロパティを試してください。Chrome、Safari、IE では動作すると思いますが、Firefox では動作しません。

于 2013-01-20T19:18:38.467 に答える
0

画像のパーセンテージサイズを設定してから、画像のラッパーを使用してposition: absolute;

http://jsfiddle.net/KWWZz/

いくつかの不幸な欠点：

  1. これはIE7では機能しないようです（この投稿の時点では、jsfiddleはIE7またはIE8で機能していないようですので、実際にそれを示すのは難しいです）
  2. 絶対ポジショニングを使用しているため、特定の状況で機能させるには、親コンテナのポジショニングコンテキストを変更する必要があります。
于 2013-02-06T17:53:49.353 に答える
0

img を使用style="max-height:100%;max-width:100%;"するとコンテナ ボックスがいっぱいになりますが、すべての画像はコンテナのすぐ内側に保持されます。style="min-height:100%;min-width:100%;"コンテナボックスと画像のサイズが異なる場合は、コンテナとクリップをいっぱいにして使用します。

max\min-height\width をサポートしていないブラウザでは機能しません (ie7 以下だと思います)。

于 2013-01-26T01:48:40.083 に答える
0

私はそれを次のように解決することになりました（javascript/jQueryを使用）：-divを作成します-画像を挿入します-画像から寸法を取得します-それらの寸法をDIVに設定します-画像の寸法を100％に設定します

そうすれば、画像は最初は元のサイズになるまで、DIV の jQuery resize() が機能し、画像は常に DIV を埋めます。

于 2013-04-26T06:42:13.000 に答える