0

この非常に単純な質問にはおそらく非常に単純な答えがありますが、私はそれを見つけることができないようで、それが私を夢中にさせています。私が持っているのは、ウィンドウの右下隅にあるdiv要素で、その中に画像があります。260x300ピクセル。私のCSSコードはこれです：

#doomdiamond{
 position:absolute;
 right:50px;
 bottom:50px;
}

そしてhtmlはこれです

<div id="doomdiamond">
  <img src="doomdiamond.gif" />
</div>

すべて非常に簡単です。要素は、ブラウザウィンドウから適切な距離にある画像とともに表示されます。しかし、私が本当にやりたいのは、同じサイズを維持するのではなく、ブラウザーのサイズが変更されたときに比例してスケール/サイズ変更することです。

これは可能ですよね？

4

2 に答える 2

2

ウィンドウの幅に基づいたサイズで、右下隅にある画像を表示する例を作成しました。

画像の幅をパーセント値に設定することで機能します。パーセンテージは、含まれている親に基づいています。#doomdiamonddivを絶対的に配置させなかったため、オブジェクトの配置された親ではありません。

要素のorのみを設定すると、画像は比例して拡大縮小されます。widthheightimg

PSこれはJavaScriptを使用しません：p

于 2010-12-16T23:26:40.073 に答える
0

はい、可能ですが、それを行うにはJavaScriptが必要になります。JSフレームワークを使用していますか？

アップデート

サイズ変更divのように見え、ブラウザウィンドウのサイズ変更のコンテンツはあなたが探しているものです

于 2010-12-16T23:13:41.600 に答える