웹 사이트 반응 스크립트

Question

나는 데스크톱 웹 사이트를 모바일 반응 형으로 만들기 위해 올바른 스크립트를 찾아 내려고 노력하고 있습니다.
내 웹 사이트는 모바일 장치에서 인식되고 모바일 웹 사이트 버전으로 연결됩니다.
브라우저 창을 줄이면 응답 속도가 빨라지고 데스크톱 브라우저 창에서 전체 사이트를 내 모바일 사이트로 리디렉션하거나 전환하는 올바른 스크립트가 있습니다.

var screen = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase())); 

if (screen.width <= 699) {   
    document.location = "my-mobile-site.html"; 
} 

내가 가깝다 : I가 작동하지 분명히 가지고 올하지만 한 내용

다음

var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase())); 
if (mobile) {  
    document.location = "my-mobile-site.html";  
} 

은 다음과 같습니다 다음은 모바일 리디렉션에 대한 내 현재 스크립트입니까?

Answer 1

귀하의 코드에 대해 이해할 수있는 것은 Kevin B이 이라고 말하면이 부울 값임을 나타냅니다.

if (screen) {   
    document.location = "my-mobile-site.html"; 
} 

왜, 대신? html로 위치를 반환하는 다른 속성

if (screen) { 
    document.location = "styles.css"; 
} 

을 styles.css 만약 내가 잘못, 내가 가진

@media screen and (max-width: 699px) { 
    // here add your styles 
} 

죄송으로 CSS 파일을 반환 할 모바일 버전을 만드는 일은 결코하지 않았습니다. 도움이되기를 바랍니다.)

Answer 2

기기에 따라 다른 콘텐츠를 제공하는 경우 더 이상 반응 형 디자인으로 간주되지 않습니다.
당신이하려는 것은 다른 페이지로 리디렉션하는 것이며 매우 유용합니다. 나쁜 습관이 있습니다. 앞면 :
리디렉션은 백엔드에서 감지되어야하며 사용자 에이전트에 따라 관리되고 화면 크기는 관리되지 않아야합니다.
http://en.wikipedia.org/wiki/User_agent