전체 레이아웃을 창 크기에 맞게 조정하려면 어떻게합니까?

마침내 내가 원하는대로 내 tumblr을 설계했습니다! 배경 이미지는 텍스트가 중앙 섹션에서만 읽을 수 있도록 작성됩니다. 유일한 문제는 브라우저 창이 최대화 된 것보다 작은 경우입니다. 텍스트와 머리글은 모두 조정되지만 배경은 그대로 유지됩니다. 누구든지 html 코드에서이 문제를 해결하는 방법을 알고 있습니까 (세부 사항은 좋을 것입니다. 저는 완전히 새로운 것입니다) 감사합니다!전체 레이아웃을 창 크기에 맞게 조정하려면 어떻게합니까?

출처

2011-07-01 Brendan Ryan

코드를 보지 않아도 고칠 수는 없을 것입니다. 그렇습니까? – kapa

내가 당신에게 보낼 수있는 방법이 있습니까? 댓글 상자에 너무 길기 때문에 (보일 필요가있는 섹션이 하나만있는 경우는 제외) –

사이트 링크 또는 [jsFiddle] (http://jsfiddle.net) 만 있으면 충분합니다. – kapa

자바 스크립트로 동적 크기 조정을 할 수 있습니다.

var initialize = function() { 
     var theBody = document.getElementById("bodyId"); 
     theBody.width = document.width; 
    } 

    window.onresize(function() { 
     var theBody = document.getElementById("bodyId"); 
     theBody.width = document.width; 
     });

이 예제에서는 전체 본문 요소의 크기를 조정하지만 원하는 모든 열과 필드에 적용 할 수 있습니다.

<body id="bodyId" onload="initialize()"> 
... 
</body>

출처

2011-07-01 15:58:59 IRegretable

전체 레이아웃을 창 크기에 맞게 조정하려면 어떻게합니까?

답변

관련 문제