問題タブ [fluid-images]

989px (最大画像サイズ) 未満で始まるメディア クエリを使用して、背景画像のブレーク ポイントを作成しました。デバイスごとに異なる画像を使用したいので、画像を表示するために使用していません（もちろん、モバイルデバイスが最大の画像をダウンロードしないように）。(各画像は特定のブレークポイントで定義されます)。早い段階で言っておきますが、これはhttp://www.glorkianwarrior.comで公開されています。

このための css は次のようになります。

これにより、ページが 988 ピクセル以下 (321 ピクセルまで) になると、スプラッシュ画像が滑らかになります。ブラウザの幅が 640px 未満になるまで、実際には幅/高さは変更されません。.splash の下にネストされているその下のナビゲーション バーで何が起こっても、その場所は変わりません。これは、.splash の高さに接続されているためです。html は次のようになります。

その高さを与えないと消えてしまいます。100% またはページ自体のパーセンテージを指定してみました。親に特定の高さを与えてから、.splash で 100% を実行しようとしましたが、ナビゲーション バーの配置は変わりませんでした。

ブラウザのサイズに基づいてこのナビゲーションのサイズを変更することは可能ですか? ページ上の各画像を独自の div 内で使用し、メディア クエリを使用して、関連のない div に display:none を使用する方法を考え出す必要がありますか?

max-width1280pxのこの流体グリッドがあります。

これは、grid2、grid4、grid6、grid8、および grid10 の 5 つの列セットアップで構成されています。

全体的に見て一見すると良さそうに見えますが、コードを調べると (firefox と google chrome で調べた場合)、最小のスポット (grid2) の高さが 1 ピクセル小さくなっています。

高さはmax-width残りのスポットと同じように 320 ピクセルにする必要がありますが、319 ピクセルしかありません。

これを正しく機能させることはできません。

私のフィドルを参照してください: http://jsfiddle.net/4ya94/

どなたか助けていただければ幸いです \O/

私の背景画像は、特定のポイントまでしか流動的ではありません。ブラウザのサイズを変更すると、縮小し始めます

あなたは私がここで話していることを見ることができます

画像の横に div が浮かんでいます。これは投稿のリストです。右側の div には、その特定の投稿に関する情報が箇条書きリストで保持されます。div は完全に流動的ではありませんが、特定のブレークポイントで幅が変わります。常に同じサイズの画像の高さを最小にしたいdiv。div の上部と下部に表示したいコンテンツ、フィリグレの間の上部と下部に div 内の画像があります。

ボックスに画像の長さと位置を拡張させることができます:下の画像を基準にして流動的にするか、画像を位置にすることができます:位置であるdiv内で絶対:相対。しかし、それは流動性を殺します。

両方できますか？

これが私のフィドルです： http://jsfiddle.net/4Kyye/1/

そしてCSS：

このスクリプトをプロジェクトの 1 つ ( http://suprb.com/apps/nested/ ) で使用しました。ただし、モバイルデバイスでは機能しません。ウェブサイトがブラウザをクラッシュさせます。何か案が？

あなたの助けは非常に高く評価されています。

ありがとう、

次のような流体コンテナ内に画像(現在1305 x 352ピクセル)があります:

ページの幅が画像の幅以下の場合、画像はページの幅全体に拡大縮小されます。これは私が望むものです。

ただし、ページ幅が大きい場合、画像は左に配置されたままになります。ページの真ん中に置いてほしい。

div で margin-left と margin-right: auto を使用してみました。min-width: 1306px のメディア コンテナーを作成し、知っていることをすべて試しましたが、画像を中央に配置できません。何か案は？

こんにちは — div を絶対位置の流動的な幅/高さの画像の周りにラップする (または配置する) 方法を知っている人はいますか? 私はそれを理解することはできません。

ありがとう、B.

と...

ここにあります：http://jsfiddle.net/20owLkxy/1/