2014-07-20 1 views
1

나는 현재 초보자는 웹 양식을 개발하고 있는데이 모바일 지원 물건에 붙어 그리고 난이 PHP 코드를 건너 왔어요 : Mobile_Detect.php웹 양식에 Mobile_Detect.php를 사용하려면 어떻게해야합니까?

가 어떻게 내 form을에 사용합니까?

+1

그럼 정확히 당신의 질문은 무엇입니까? GitHub에는 코드 (https://github.com/serbanghita/Mobile-Detect/wiki/Code-examples)에 사용할 수있는 예제가 있습니다. Mobile_Detect의 결과물로 무엇을하고 싶습니까? 질문이 양식의 스타일링과 관련된 경우 반응 형 디자인 및 미디어 퀘스트를 살펴보십시오! –

+0

스타일링은 @Daniel – Ngeshlew

+0

문제입니다.이 [here] (http://detectmobilebrowsers.com/)도'if' 문을 실행하며 많은 코딩 언어에 효과적입니다. –

답변

0

거기 당신이 원하는 것을 보관하는 다른 방법입니다 스타일의 문제가있는 경우 :

당신이 정말로 당신이 이런 일을 할 수 Mobile_Detect 사용하려면 :

require_once 'Mobile_Detect.php'; 
$detect = new Mobile_Detect; 
if($detect->isMobile()){ /* include mobile.css */ } 
else if($detect->isTablet()){ /* include "tablet.css" */ } 
else { /* include "desktop.css" */ } 

는하지만이 내 마음에이 이 경우에는 PHP를 사용할 필요가 없습니다. 스타일 문제는 대개 화면 크기와 관련되어 있으므로 사용자가 사용하는 장치의 종류를 알 필요가 없습니다. CSS에서는이 같은 미디어 Querys을 사용할 수 있습니다 : 화면의 크기가 지정된 범위에있는 경우에만 사용되는 CSS 속성을 덮어 쓸 수 querys 내부

@media (min-width:320px) { /* smartphones, portrait iPhone */ } 
@media (min-width:480px) { /* smartphones, landscape iPhone */ } 
@media (min-width:600px) { /* portrait tablets */ } 
@media (min-width:801px) { /* landscape tablets */ } 
@media (min-width:1025px) { /* laptops, and desktops */ } 
@media (min-width:1281px) { /* large laptops and desktops */ } 

합니다. 내가 생각하는 똑똑한 해결책!

+0

전적으로 동의하지만 응답 성은 가장 큰 영향을주는 속성은 무엇입니까? 화면 크기가 변경되면 전체 레이아웃이 변경되어야하기 때문입니다. – Ngeshlew

+0

미디어 쿼리로 원하는 모든 레이아웃 변경을 할 수 있습니다. 차이점을 초기 CSS 정의에만 설정하면되므로 여기서 중복 정의가 필요하지 않습니다. 백분율 너비를 사용하십시오. 모든 것을 훨씬 쉽게 만들고 모든 단일 화면 너비에 대해 천 개의 쿼리가 필요하지 않습니다.) –

+0

예를 들어 Twitter Bootstrap은 매우 효과적 인 미디어 쿼리를 기반으로하는 그리드 시스템을 사용합니다. 해당 코드를 살펴보고 싶을 수 있습니다. (http://getbootstrap.com/css/#grid) –

관련 문제