it-swarm-id.com

Merancang untuk iPad

Saya ingin agar situs web saya dapat diakses (mis., Sepenuhnya dapat digunakan) melalui iPad.

Apa yang harus saya lakukan?

2
George Stocker

Berbicara secara umum (err ... writing) yang perlu Anda lakukan adalah mengarahkan ke aturan HTML 5 dan Safari Specific CSS3, untuk membuat gradien, bayangan, dll ...

Tambahkan beberapa tag Perangkat Khusus Apple suka

<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">

ingat bahwa Anda dapat menggunakan css dalam mode horizontal dan lainnya dalam mode vertikal

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

jika Anda ingin membuat visual yang sama, saya sarankan Anda melihat JQtouch dan Sencha

perlu diingat bahwa beberapa peristiwa tidak ada di Perangkat Sentuh, seperti "klik" (meskipun sebagian besar waktu ini berfungsi dengan baik), "mousehover ", dll ... JQTouch dan Sencha sudah dikonfigurasikan untuk memberi Anda acara" ketuk "dan memetakan lebih banyak acara Apple Khusus perangkat.

5
balexandre

Ada alat online yang bagus untuk melakukan desain web bertarget iPad:

ipadpeek.com

Memberi Anda emulator iPad/Safari ukuran penuh secara online.

4
Gary.Ray

Saya sangat merekomendasikan memiliki perangkat yang sebenarnya untuk menguji situs Anda saat Anda mengembangkan.

3
Oren Hizkiya

Lihat artikel ini; Ini tentang teknik Nice untuk tata letak cair yang akan membuat situs Anda tampak hebat di monitor iPad, 30 "dan bahkan iPhone Anda;) http://www.alistapart.com/articles/responsive-web-design/

1
D4V360

IPad terutama menggunakan browser Safari - atau alteast versinya sendiri, jadi pastikan itu berfungsi di sana adalah titik awal yang baik, jika Anda tidak memiliki perangkat untuk mengujinya maka periksa safari normal terlebih dahulu. Dari sini Anda harus dapat menemukan simulator.

Peramban seluler lain dapat diunduh sebagai aplikasi, saya tahu opera memiliki aplikasi-aplikasi hit sendiri untuk menjelajah, juga firefox baru menyadari ada versi pertama walaupun hanya di Nokia saat ini.

0
Lizard

Karena peramban Safari di iPad adalah peramban paling canggih dalam distribusi umum, Anda dapat memanfaatkan semua teknik CSS3 dan HTML5 terbaru tanpa harus meretas untuk mendukung peramban lama yang tidak memenuhi standar.

0
Dan Gayle