Navrhování pro IPad
Chtěl bych, aby byl můj web přístupný (např. Plně použitelný) prostřednictvím IPad.
Co musím udělat?
Obecně řečeno (err ... psaní) vše, co musíte udělat, je zaměřit se na HTML 5 a Safari Specifická CSS3 pravidla, vytvářet přechody, stíny, atd ...
Přidejte nějaké specifické značky zařízení Apple jako
<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">
nezapomeňte, že můžete použít css v horizontálním režimu a jiné ve vertikálním režimu
<link rel="stylesheet" media="all and (orientation:portrait)" href="css/portrait.css">
<link rel="stylesheet" media="all and (orientation:landscape)" href="css/landscape.css">
pokud chcete, mimochodem, vytvořit nativní vizuální podobu, doporučuji vidět JQtouch a Sencha
mějte na paměti , že některé události v dotykovém zařízení neexistují, například „click“ (i když tato většina časů prostě funguje dobře), „mousehover ", atd ... JQTouch a Sencha jsou již nakonfigurovány tak, aby vám poskytovaly událost" klepnutí "a mouchy více událostí Apple Specifická zařízení.
Existuje skvělý online nástroj pro vytváření webového designu zaměřeného na iPad:
Poskytuje online emulátor iPad/Safari v plné velikosti.
Vřele doporučuji mít skutečné zařízení pro testování vašich stránek, jak se vyvíjíte.
Podívejte se na tento článek; Jedná se o pěknou techniku pro rozvržení tekutin, díky které bude váš web vypadat skvěle na iPadu, 30 "monitoru a dokonce i na vašem iPhone;) http://www.alistapart.com/articles/responsive-web-design/
IPad primárně používá prohlížeč Safari - nebo alteast jeho vlastní verzi, takže ujistěte se, že to funguje, že je dobrý výchozí bod, pokud nemáte zařízení, které by to otestovalo, pak nejprve zkontrolujte normální safari. Odtud byste měli mít možnost najít simulátor.
Ostatní mobilní prohlížeče si lze stáhnout jako aplikace, vím, že opera má hity vlastní aplikace pro prohlížení, také firefox si právě uvědomil první verzi, i když v tuto chvíli pouze na Nokia.
Protože prohlížeč Safari v iPadu je nejvyspělejší prohlížeč v obecné distribuci, můžete využít všechny nejnovější techniky CSS3 a HTML5, aniž byste museli hackovat podporu starších prohlížečů, které nespouštějí standardy.