조정 가능한 페이지 폭 문제, 자바 스크립트

사용자의 화면 너비만큼 너비로 내 HTML 본문 및 바닥 글을 조정하는 중에 문제가 있습니다. 많은 사이트에서 그들은 document.body.clientWidth 사용자가 screenwidth 마이너스 툴바, 등입니다하지만이 apears는 내가 1024의 screenwidth을 가지고 있기 때문에 틀린 것입니다 그리고 당신이 아래에서 볼 수 있듯이 내가 사용할 수있는 screenwidth가 1366임을 가리키는 테스트 환경을 만들었습니다. 당신은조정 가능한 페이지 폭 문제, 자바 스크립트

function init(){ 
    document.body.style.width = document.body.clientWidth + "px"; 
    document.getElementById("footer").style.width = document.body.clientWidth + "px"; 
    document.getElementById("screenwidth").innerHTML = document.body.clientWidth; 
}

출처

2011-02-05 Steve Van Opstal

Web-Stoneage는 끝났으므로 이러한 종류의 작업에는 CSS **를 사용하는 것이 훨씬 더 좋습니다. 전체 너비의 경우 'width : 100 %;'를 사용할 수 있습니다. 'marginins'와'paddings'을 조합하거나'position : absolute;'를 사용하여 요소의 위치와 크기를 얻을 수도 있습니다. 또한 ** 비활성화 된 자바 스크립트 **로 사람들을 생각해보십시오 - 그들은 아름다운 레이아웃을 원합니다. – anroesti

방금 정확한 코드를 사용했고 다른 브라우저에서 document.body.clientWidth이 올바르게 작동하여 (올바른 너비 1024를 부여) 잘 작동했습니다.

출처

2011-02-05 20:09:44 gravityboy

고마워요, 그럼 아마도 내 CSS예요. –

수 :

<body id="body" onload="init();"> 
    <p id="screenwidth">0</p> 
    <div id="footer"> 
     <div class="ruimte"></div> 
    </div> 
</body>

functies.js :

많은 감사

HTML .. 훨씬 넓은 것입니다 본문/바닥 글 너비를 설정하는 데 js가 필요한 이유를 말해 주시겠습니까? 너비는 이미 창 중 하나 여야합니다.

출처

2011-02-05 17:43:05 Robin

그것은 내가 시험해보고있는 다른 테스트 페이지 일뿐입니다. 사실 내가 묻는 유일한 질문은 : document.body.clientWidth가 올바른 너비를 제공하지 않는 이유는 무엇입니까? –

Ok ... 그래서 결과가 왜 틀린 지 정말로 알지 못합니다. 브라우저에 따라 다르 겠지. http://www.geekpedia.com/code100_Get-window-width-and-height.html. 또는 jQuery를 사용하여 $ (window) .width()를 수행 할 수 있습니다. 결과는 브라우저간에 일관성을 유지해야합니다. – Robin

링크가 많은 도움이되지는 않지만 모든 것에 대해 감사드립니다. 모두들 JQuery에 대해 이야기하고 있습니다. 나는 언젠가 그것을 확인해야합니다. –

당신이 너무 스크롤 막대를 뺄 것

var width = window.innerWidth;

페이지의 내부 폭을 얻기 위해이 코드를 사용할 수 있습니다.

출처

2013-12-01 09:51:07

조정 가능한 페이지 폭 문제, 자바 스크립트

답변

관련 문제