it-gundan.com

IPad를위한 설계

IPad를 통해 내 웹 사이트에 액세스 (예 : 완전히 사용 가능)하고 싶습니다.

내가 무엇을해야 하나?

2
George Stocker

일반적인 말하기 (err ... writing)는 HTML 5 및 Safari 특정 CSS3 규칙을 목표로하고 그라디언트, 그림자 등을 만드는 것입니다 ...

Apple Devices 특정 태그 같은 추가

<meta name="Apple-mobile-web-app-capable" content="yes">
<meta name="Apple-mobile-web-app-status-bar-style" content="black">
<meta name = "viewport" content = "width = device-width">

가로 모드에서는 CSS를 사용하고 세로 모드에서는 CSS를 사용할 수 있습니다.

<link rel="stylesheet" media="all and (orientation:portrait)" href="css/portrait.css"> 
<link rel="stylesheet" media="all and (orientation:landscape)" href="css/landscape.css"> 

그건 그렇고, 네이티브 같은 비주얼을 만들고 싶다면 JQtouchSencha

"click"(대부분의 시간은 정상적으로 작동하지만), "mousehover"등과 같은 일부 이벤트는 터치 장치에 존재하지 않는다는 점을 명심하십시오 . JQTouch 및 Sencha는 이미 "탭"이벤트를 제공하고 Apple 장치 관련 이벤트를 더 줄 이도록 구성되어 있습니다.

5
balexandre

IPad 대상 웹 디자인을위한 훌륭한 온라인 도구가 있습니다.

ipadpeek.com

전체 크기의 iPad/Safari 에뮬레이터를 온라인으로 제공합니다.

4
Gary.Ray

개발할 때 사이트를 테스트 할 실제 장치를 사용하는 것이 좋습니다.

3
Oren Hizkiya

이 기사를 확인하십시오. 유동적 인 레이아웃을위한 멋진 기술에 관한 것입니다. 아이 패드, 30 인치 모니터 및 심지어는 iPhone에서도 사이트를 멋지게 보이게 할 수 있습니다.) http://www.alistapart.com/articles/responsive-web-design/

1
D4V360

IPad는 주로 브라우저 Safari를 사용하거나 자체 버전을 사용하므로 테스트 할 장치가없는 경우 정상적인 사파리를 먼저 확인하십시오. 여기에서 시뮬레이터를 찾을 수 있어야합니다.

다른 모바일 브라우저는 앱으로 다운로드 할 수 있습니다. opera는 브라우징을위한 자체 앱을 보유하고 있다는 사실을 알고 있습니다. 또한 파이어 폭스는 현재 Nokia에서만 첫 번째 버전이 있음을 깨달았습니다.

0
Lizard

IPad의 Safari 브라우저는 일반 배포에서 가장 고급 브라우저이므로 표준이 아닌 구형 브라우저를 지원하지 않고도 최신 CSS3 및 HTML5 기술을 모두 활용할 수 있습니다.

0
Dan Gayle