HTML静的ページ画像の表示サイズがおかしい_html/css_WEB-ITnose

HTML で CSS を使用して画像のサイズを制御します。 CSS の値がパーセンテージで表示されるのはなぜですか?
助けてください

ディスカッション（解決策）に返信します

誰に対する相対的なパーセンテージを把握する必要があります
たとえば、

1000の50%は500です
100の50%は50です

特定のサイズそれコンテナのサイズに基づいて決定されます

誰に対する割合を把握する必要があります
たとえば

1000 の 50% は 500 です
100 の 50% は 50 です

具体的なサイズは、コンテナのサイズ

それでは、なぜ現実が正しい場合もあれば、表示される画像が小さい場合があるのでしょうか?ステータスが常に表示される場合は、選択したコンテナーのサイズが間違っていることを意味します。問題は、このページにアクセスすると、約 30% の確率で正しく表示されないことです。

これはコードの記述方法によって異なります

投稿者によって書き込まれる IMG パーセンテージは、次の 2 つの状況のいずれかになります。

1.

;






実際にはさらにネストされたコンテナがあるかもしれませんが、最終的には、すべてのコンテナはボディから IMG までこのように始まります。また、BODY自体は固定幅を設定しません。

したがって、IMG の最終パーセンテージによって計算される実際の値は、現在のブラウザ ウィンドウによって与えられる BODY の実際の値に依存します。したがって、ブラウザ ウィンドウのサイズが変更されると、画像のサイズも変更されます。

または、ブラウザ ウィンドウのサイズは変更されませんが、IMG 外部コンテナは、さまざまな状況下でサイズが変更されるコンテナに相対しているため、画像サイズが異なります。

投稿者は、IMG が配置されているコンテナーに BORDER を追加しました。あなたが言及したさまざまな状況でそれを観察すると、どのような問題が原因で IMG の外部コンテナーのサイズが変化したかがわかります。