모바일 웹 사이트를 구축하려고합니다. 이 프로젝트에서 미디어 쿼리와 Jquery Mobile을 함께 사용해야합니까, 아니면 둘 다 함께 사용하는 것이 좋을까요? 또한 JQM을 사용하여 구축 된 사이트는 데스크톱 화면에서 끔찍한 것처럼 보입니다. 그렇다면 Jquery Mobile 만 사용하면 데스크톱과 모바일 용으로 별도의 HTML 파일 두 개를 만들어야한다는 의미입니까?미디어 쿼리와 JQM을 함께 사용할 수 있습니까?
답변
다른 작업을하기 전에 프레임 워크 이름을 고려하십시오. 그것은 이유가 모바일이라고합니다. 오해하지 마라, 나는 여기서 냉소적으로 행동하려고하지 않는다.
jQuery Mobile은 모바일 및 데스크톱 페이지 개발에 대해 소송을 제기 할 수 있지만 일반적으로 모바일 페이지에 사용됩니다. GUI는 단순히 데스크탑 브라우저에서 사용하기위한 것이 아닙니다. 그리드를 광범위하게 사용하여 수행 할 수 있습니다. 모든 jQuery Mobile 위젯이 반응적이고 모든 것이 다른 것 아래에 배치되는 블록 모드에서 사용하면 그리드에 대해 이야기합니다. 크고 추 해 보일 것입니다. 그리드를 사용하면 더 많은 위젯을 사용할 수 있습니다.
최상의 솔루션은 다른 데스크톱 및 모바일 응용 프로그램을 만드는 것입니다. 나는 별도의 데스크톱 및 모바일 페이지 개발에 대한 훌륭한 예를 제공 할 것입니다. Songmeaning 페이지의 desktop 및 mobile 버전을 살펴보십시오. 개인적으로이 페이지와 아무런 관련이 없습니다. 단지 데스크탑/모바일 디자인의 분리 된 우수 사례라고 생각합니다.
다른 질문에 대해서는 미디어 쿼리를 jQuery Mobile과 함께 사용할 수 있지만 일반적으로 필요하지 않습니다. 특히 격자를 사용하는 경우. 보다 복잡한 페이지의 경우 Tweeter Bootstrap과 같은 프런트 엔드 HTML 프레임 워크를 jQuery Mobile과 결합 할 수 있습니다.
마지막으로 하나의 페이지 (데스크톱과 모바일 모두)를 만들 예정이고 일부 프론트 엔드 HTMl5 프레임 워크를 사용하지 않을 경우 미디어 쿼리 사용법을 알려줄 것입니다.
- 1. 서브 쿼리와 함께 'in'을 사용할 수 있습니까?
- 2. 정규식을 jquery 쿼리와 함께 사용할 수 있습니까?
- 3. 이 쿼리와 함께 사용할 수 있습니까?
- 4. CSS가 미디어 쿼리와 함께 작동하지 않습니다.
- 5. jquery 모바일과 함께 미디어 쿼리를 사용할 수 있습니까?
- 6. REM 단위는 미디어 쿼리와 함께 사용할 수 없습니까? 루트 글꼴 크기를 업데이트하는 방법?
- 7. CSS 미디어 쿼리와 함께 두 개의 뷰포트 사용
- 8. 미디어 쿼리와 함께 사용해야하는 장치/권장 크기는 어느 것입니까?
- 9. 미디어 쿼리와 다른 크기의 그림
- 10. CSS의 미디어 쿼리와 함께 창에서 제품 슬라이더 너비를 조정합니다.
- 11. 미디어 쿼리와 관련된 태블릿 환경
- 12. 미디어 쿼리에 하위 선택기를 사용할 수 있습니까?
- 13. CSS3 미디어 쿼리와 별도의 CSS 파일
- 14. 클래스와 함께 사용할 수 있습니까?
- 15. CSS 미디어 쿼리와 파이어 폭스의 스크롤 폭
- 16. 미디어 쿼리와 트위터 부트 스트랩 사용하기
- 17. NamedSQLQueryDefinition 클래스를 동적으로 SQL 쿼리와 동등하게 사용할 수 있습니까?
- 18. Google App Engine의 검색 서비스를 동적 쿼리와 함께 사용할 수 있습니까?
- 19. 크기 조정 페이지가 미디어 쿼리와 어떻게 관련되어 있습니까?
- 20. IE7 CSS : 미디어 쿼리와 첫 아이 선택기는
- 21. 쿼리와 함께 값 배열을 설정하십시오.
- 22. Android 2.3.3에서 미디어 쿼리와 jquery를 무시합니다.
- 23. 조건부 PHP는 미디어 쿼리와 자바 스크립트
- 24. 하위 쿼리와 함께 IN 사용
- 25. 쿼리와 함께 MongoDB 맵 축소
- 26. 나는 다음과 같은 미디어 쿼리와 함께 10 + IE를 감지 할 수 있다는 사실을 알고 IE 10 +
- 27. 쿼리와 함께 결과가 반환되지 않습니다.
- 28. JOIN 쿼리와 함께 mysql + 문제
- 29. .htaccess 301 쿼리와 함께 리디렉션
- 30. 쿼리와 함께 aes_encrypt에서 비밀번호 변경
Gajotres에게 감사드립니다. 정말 도움이되었습니다. –