どの画面にも合わせて画像をデザインし、幅 100% のセル背景として設定して、ウィンドウ サイズやモニター サイズを調整するときに異なる画像を表示するのが好きなので、興味がありました。画像はウィンドウに食い込まれますが、セル内のロゴは画像上の目的の位置に移動したままです。
それは素晴らしいと思います。私は1つの欠陥で、私が望む正確な望ましい効果を持っています. 4K は今や当たり前のことであり、モニターの解像度は間もなく向上するため、画面に合わせてヘッダー画像の幅が約 4000px になるように、より多くの時間を費やす必要があります。
私の質問はです。width="100%" のテーブルで width = 100% に変更する方法はありますが、ウィンドウ サイズが 1920px を超えると、画像の 1 つのサイズが 100% 停止しますか?
私が取り組んでいるプロジェクトでは、ヘッダー画像の上にロゴが浮かんでいますが、左側のセルに配置されているため、ウィンドウの左側をドラッグするとそのままですが、画像が食べられてしまいます。ここで見ることができますhttp://www.theroyaloaknonington.co.uk/beta/
悲しいことに、幅が 1920 ピクセルよりも広い解像度のモニターでは、画像の幅が 1920 ピクセルしかないため、ロゴが画像からグレー ゾーンに流れ出てしまいます。これを止める最善の方法は何だろうと思っていましたか?
数段落上の実際の例のリンクを確認してください。モニターが 1920 を超えない場合は問題なく表示されますが、ウィンドウの左側をドラッグしてサイズを小さくすると、ロゴが移動します。悲しいことに、1920 よりも広く拡張すると、ロゴが続きます。無料にしたいのですが、画像の最後で止めてください。