html - アスペクト比を維持したレスポンシブコンテンツで親divの画像を修正する方法は?

Question

この画像のように、html ページに 2 つの div があります。

背景画像付きのメイン div には、レスポンシブ テクノロジーが採用されています。上の写真に赤い枠で表示されているメインの div コンテンツとして顔の写真を含む 2 番目の div があります。そのサイズ変更は、アスペクト比が最後の値のままになるように、メインの div の背景に対応する必要があります。

Answer 1

http://f6design.com/journal/2011/10/18/responsive-elements-that-retain-their-aspect-ratio/

アスペクト比を保持するという望ましい効果を得るには、親 div の padding プロパティを操作する必要があります。ライブ Web サイトのコードを見せていただければ、CSS のどこを変更する必要があるかをさらに特定できます。