화면 해상도 감지기가 브라우저를 끝없는 새로 고침 상태에 놓습니다 - 왜?

저는 회사 (http://apptest.wgsdac.org/ctc_parts)의 방문 페이지 작업을하고 있습니다. 자바 스크립트 코드를 사용하여 내 사용자의 화면 해상도를 감지하고 그에 따라 자동으로 리디렉션합니다. 여기 코드는 다음과 같습니다화면 해상도 감지기가 브라우저를 끝없는 새로 고침 상태에 놓습니다 - 왜?

<script type="text/javascript"> 
if (screen.width>1279){ 
window.location="index.html"; 
} 
else 
{ 
window.location="index_1024.html"; 
} 
</script>

문제는 페이지가로드 첫 번째 조건을 평가하고 만족하는 경우 코드가 잘 작동한다는 것입니다. 그래서 두 번째 조건을 트리거하기 위해 화면의 해상도를 변경합니다. 브라우저를 새로 고침하면 브라우저가 계속 새로 고침됩니다.

코드에 문제가 있습니까? 아니면 잘못하고 있습니까? 귀하의 도움을 주시면 감사하겠습니다.

감사합니다.

왜 다른 해상도로 두 페이지가 필요한지 궁금합니다. CSS의 차이점을 설명 할 수 있습니까? –

큰 화면과 작은 화면 모두와 호환되는 레이아웃을 만들 수 없습니까? 또는 smashingmagazine.com이 레이아웃을 수행하는 방식처럼 JS를 사용하여 크기를 적절하게 화면에 표시하도록 크기를 조정합니까? – Joseph

여러분, 의견에 감사드립니다. 저는 CSS에 익숙하지 않아서 이런 접근 방식을 채택하기로 결정했습니다. 그러나 나는 여전히 배우기 때문에 아마도 CSS를 통해 이것을 수행하는 방법을 알아낼 것입니다. 어쨌든 고마워. –

동일한 코드가있는 페이지를로드하고 계속 말하고 있기 때문에, 나는 그 범위에 있고로드하고 있습니다.

두 페이지가 각각 다른 이유는 무엇입니까? css3 media queries을 사용하면 다른 너비에 따라 다른 스타일을 사용할 수 있습니다.

2012-03-16 01:15:12 epascarello

제안 해 주셔서 감사합니다. 내가 제안한 측면을 읽고 미디어 쿼리에 대해 조사했습니다. 콘텐츠를 조금 수정해야했지만 제대로 작동 할 수있었습니다. 다시 한번 감사드립니다. –

답변