2016-06-02 3 views
-4

모바일 응답 형으로 HTML을 작성하는 대신 사용자를 모바일 설계된 HTML 페이지로 리디렉션하는 방법은 무엇입니까?HTML5 모바일/태블릿 감지?

@media 쿼리와 부트 스트랩을 사용할 수 있다는 것을 알고 있지만 어떻게 누군가를 리디렉션합니까?

+1

모든 화면에 대해 반응적인 레이아웃을 디자인합니다. 태블릿이나 스마트 폰 또는 데스크톱에 있는지 여부와 아무 상관이 없습니다. 리디렉션하지 않고 단순히 CSS를 사용하여 웹 페이지의 스타일을 지정합니다. – GibralterTop

+0

그 점을 이해합니다. 그러나 모바일 용 HTML 레이아웃과 데스크탑 용 HTML 레이아웃 두 세트가있는 웹 사이트가 있습니다. – Dexstrum

+0

CSS3를 대량으로 설치하기 전에 개발 된 기존 사이트가 있습니다. 이 사이트는 공룡 상태입니다. 화면이 마술처럼 확장되거나 축소 될 수있는 것처럼 전체를 디자인합니다. 따라서 Desktop.css, Phone.css 및 Tablet.css를 만들고 해당 파일에서'@ media' 쿼리를 정의 할 수 있습니다. 스타일 시트를 통해 스타일을 지정하십시오. 리디렉션 할 필요가 없습니다. – GibralterTop

답변

1

당신은 브라우저와 방문자가 다음 사용되는 장치가 따라 리디렉션 것을 감지 코드 (또한 스니핑 사용자 에이전트라고도 함) 스니핑 브라우저가 필요합니다. 나는 이것이 일반적으로 자바 스크립트를 통해 이루어질 것이라고 생각한다. 즉,이 기술은 반응 형 디자인만큼 좋지 않습니다. 다른 장치 용 웹 사이트의 여러 버전을 유지 관리하는 것이 쉽지 않기 때문에 반응 형 디자인을 사용하는 것이 좋습니다.

+0

그것은 많은 의미가 있습니다. 모바일과 데스크톱의 유지 측면을 고려하지 않았습니다. – Dexstrum