모바일 웹 페이지 용 장치 유형을 얻기위한 새로운 방법

Question

devicetype을 모바일 웹 사이트로 트리거하는 좋은 방법을 연구했으며 많은 사람들이 모바일 장치가 있는지 여부를 결정하기 위해 화면 너비/높이 (픽셀)를 가져 오는 스크립트를 사용합니다. 사용 여부.

그러나 휴대 전화/태블릿에는 매우 높은 해상도의 화면이 있으므로 일반 웹 사이트와 모바일 웹 사이트간에 전환을 유도하는 또 다른 방법이 필요합니다. 화면 크기는 휴대 전화의 경우 1,280 x 768 - 1920x1080이고 태블릿의 경우 1920x1080 - 2560x1600입니다.

모바일을 결정하는 올바른 오류 방지 방법은 무엇입니까? PHP를 통해 javascript를 사용하지 않으시 고, 더 쉬운 방법이 있다면 javascript가 알려주십시오!

Answer 1

모바일 웹 사이트를 CSS의 미디어 쿼리에 응답하도록 만들 수 있습니다. 웹 사이트의 일반 CSS를 덮어 씁니다. 미디어 쿼리는 해상도 확인하고 당신은 미디어 쿼리에 넣어 당신이 내가이 페이지에있는 코드로 브라우저 확인 할 수있는 자바 스크립트와 그 http://webdesignerwall.com/tutorials/css3-media-queries

같은 해상도처럼 표시됩니다 : http://www.abeautifulsite.net/blog/2011/11/detecting-mobile-devices-with-javascript/

을

코드를 사용하면 모바일 웹 사이트 전용으로 웹 사이트로 리디렉션 할 수 있습니다.