간단한 모바일 버전의 웹 사이트를 만드는 가장 좋은 방법은 무엇입니까?

Question

저는 회사를위한 작은 사이트를 만들고 있으며 풀 브라우징 기능이 탑재 된 스마트 폰 (iPhone/Android 등)에 최적화 된 버전을 만들고 싶습니다.

대부분 미디어 쿼리에서 사용하는 것으로 보이는 웹킷에서 지원되기 때문에 미디어 쿼리를 사용하고 있습니다.

최고입니까? 그렇다면 어떤 미디어 쿼리가 가장 좋을까요? 귀하의 사이트가 당신이 좋은해야 당신이 CSS를 통해 필요한 모든 기능을 조절할 수있는 경우

@media (max-device-width: 480px) 

Answer 1

:

나는쪽으로 기울고 있어요.

• 전체 너비/높이가
• 플래시에서 지원되지 않습니다 읽기 쉽도록 큰
• 글꼴 크기는 일반적으로 만들어진 훨씬 작 :

  염두에 모바일 웹에서 다른 일을 계속 많은 기기 (기침 아이폰)

• 스트립 무엇이든지 필요없는 것들에 대역폭을 낭비하지 마세요. 모바일 사용자들이 신경 쓰지 않는 것들에 신경 쓰지 마세요
• 휴대 전화에 쉽게 사용할 수있는 속성을 추가하십시오 # ng

그렇다면 모바일 사용자를 위해 다른 "보기"를 제공하기를 정말로 원하거나 필요로한다는 것을 알 수 있습니다. example.com에서 m.example.com으로 리디렉션하고 페이지의 콘텐츠를 크게 변경합니다. MVC과 같은 프레임 워크를 사용하는 경우 모바일 장치에 최적화 된 페이지에 대한 간단한보기 집합을 만들 수 있습니다.

예 사이트 (터치에 최적화 된 대 모바일 대 데스크톱)

• 디그 : Full | Mobile
• Yahoo : Full | Mobile
• Facebook : Full | Mobile | Touch

Answer 2

iPhone과 Android의 경우 둘 다 완벽하게 작동하는 웹 브로우저가 있으므로 걱정하지 않아도됩니다. (이 사이트는 플래시, 아이폰 만 아니라면.)

당신은 jQTouch 버전을 만드는 등 터치 휴대폰에 대한

Answer 3

블랙 베리와 같은 물건, 사용자 정의 CSS 파일을 원하는 장치를 대상으로 할 수 있어야한다 . 키보드 폰의 경우 작은 화면에 맞게 스타일 시트를 최적화합니다.