現実的には、これを行うことは可能ですが、アプローチは間違っています。この種の機能は、クライアント側ではるかに適切に実装されます。
調査する必要があるのは、正しいセマンティックマークアップ、CSS、およびJavaScriptを使用してこのような問題に対処することを目的としたレスポンシブWebデザインです。
ページの読み込み時にドキュメントのサイズに応じて要素を適合させたいと言っていますが(ドキュメントは最初に要素のサイズに合わせて拡大縮小されるため、ウィンドウサイズを意味すると仮定します)、ユーザーが画面のサイズを変更しますか?その後、すべてが再びポットに行きます!
最近、jQueryを使用して同様の問題に対処する必要があったため、目的の結果を達成するのに役立つ可能性があるため、次のコードスニペットを検討することをお勧めします。
$(document).ready(function() {
// Will run when the document is ready.
resizeElements();
});
$(window).resize(function() {
// Will run when the window is resized.
resizeElements();
});
function resizeElements() {
// Write your code here to adjust the position, height and width of the desired elements
}