0

CSS で完全に流動的なレイアウトを作成しようとしています (すべて % で表示)。これは、プラットフォーム間 (デスクトップ/モバイル/iPad などのタブレット) でシームレスに動作します。

Fluid Layouts を使用すると、画像を完全に流動的にすることができますか? 例えば：

img { max-width:100%; }
  • これは、任意の範囲またはウィンドウ サイズに調整/適合することを意味しますか?
  • また、これは背景画像にも適用できますか?
  • このプロパティには、ブラウザの実装などに関して制限はありますか?
4

2 に答える 2

1

あなたが提供するスニペットは、画像の最大幅が100%. これは、ブラウザー ウィンドウまたはデバイス ビューポートよりも広くないことを意味する場合があります。また、相対的に配置された親ノードよりも広くないことを意味する場合もあります。ただし、ウィンドウが十分に大きい場合、画像はネイティブ サイズでレンダリングされます。

背景画像自体は元のサイズに基づいて並べて表示または配置されるため、背景画像には適用できません。このmax-widthトリックは、レイアウトやスタイリングの画像ではなく、主にコンテンツの画像に役立ちます。

IE6 ではまったくサポートされていないため、制限があります。ただし、その市場はかなり小さく、縮小しているため、その問題は無視してかまいません。

于 2011-08-05T06:44:06.817 に答える