iPod 및 iPhone Safari 용 CSS 최적화

아이팟 터치와 아이폰iPod 또는 iPhone 사용에 최적화 된 애플리케이션을 구축하는 것은 폭발적인 시장에 뛰어들 수있는 좋은 방법입니다. 1 억 다운로드 현재까지. 이 숫자에는 iPhone 또는 iPod Touch의 Safari에 최적화 된 브라우저 기반 응용 프로그램이 포함되어 있지 않으며 다운로드가 필요하지 않다는 점을 인식하는 것이 중요합니다.

오늘 나는 총알을 깨 물었고 16Gb 아이팟 터치 Safari 및 Apps 용 플랫폼 확인을 시작합니다. 물론입니다. 이동 중에도 영화를 볼 수 있고 iPod Touch가 AppleTV의 리모컨 역할도 할 수 있다는 사실에 기뻤습니다!

내 첫 번째 작업은 내 급여 계산기 iPod Touch 또는 iPhone에서 Safari와 함께 사용할 수 있습니다. 거의 모든 언어로 구축 한 응용 프로그램입니다. 이제 Safari 개발을 배우고 Apps 프레임 워크를 배우기 시작할 때입니다.

흥미롭게도 Safari에서 페이지를 불러 오면 자동으로 media = handheld css 설정 때문에 적절한 스타일 시트를 사용하기 위해 PHP로 서버 측 스크립팅을 작성해야했습니다.


> link rel = "stylesheet"media = "screen"href = "iphone.css"type = "text / css"/>
>? php} else {?>
> link rel = "stylesheet"media = "screen"href = "style.css"type = "text / css"/>
>? php}?>

페이지가 꽤 괜찮아 보이지만 엄청나게 많은 iPhone 및 iPod Safari CSS 인수 페이지 방향이 가로인지 세로인지에 따라 구성 요소를 이동하여 활용할 수도 있습니다. 나는 계속 실험 할 것이다!

iPhone 또는 iPod Touch가 있습니까? 시도해보십시오 급여 계산기 어떻게 보이는지 알려주세요! 페이지 사이의 거의 모든 변경 사항은 CSS로만 이루어졌습니다! 단순히 완전히 새로운 페이지를 작성하는 것이 더 쉬울 수 있지만 그렇게 어렵지는 않습니다.

댓글 3

  1. 1

    더글러스

    iPhone CSS 팁에 감사드립니다… 이것이 Blackberry 또는 모바일 브라우저를 사용하는 다른 스마트 폰에서도 비슷할까요?

    • 2

      안녕하세요 켄,

      아니오 – 대부분의 모바일 브라우저는 media =”handheld” CSS 지정. 하지만 아이팟 터치 나 아이폰의 사파리는이를 무시한다.

  2. 3

    나는 나 자신에게 아이폰을 가져와야한다. 나는 아이팟 터치조차 가지고 있지 않다. 나는 CSS와 물건으로 길을 잃을 것입니다. 코드가있는 것은 내 리그에서 벗어났습니다.

당신은 어떻게 생각하십니까?

이 사이트는 Akismet을 사용하여 스팸을 줄입니다. 댓글 데이터 처리 방법 알아보기.