Find centralized, trusted content and collaborate around the technologies you use most.
Teams
Q&A for work
Connect and share knowledge within a single location that is structured and easy to search.
今日、path.com を見ていて、動的にサイズ変更されるカバー写真の実装が気に入りました。確認すると、画面サイズに関係なく、適切にサイズ調整されていることがわかります。
もう少し調べてみると、背景画像が body タグに付いていることに気付きました。また、本文がその内部のフォーム要素からサイズを取得しているように見えることにも気付きました。つまり、本文自体は実際にはページ全体よりも短いということです。
彼らがこれをどのように達成するか知っている人はいますか?
また、ボディの高さはビューポートの 100% に設定されています。