web-dev-qa-db-ja.com

IPadの設計

私のWebサイトがIPadを介してアクセス可能（たとえば、完全に使用可能）になりたい。

何をする必要がありますか？

ipadwebsite-design
2
George Stocker

一般的に言えば、エラーや書き込みなど、HTML 5およびSafari固有のCSS3ルールを目指して、グラデーション、シャドウなどを作成するだけです...

いくつかの Appleデバイス固有のタグ を追加します

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

ちなみに、ネイティブのビジュアルを作成する場合は、 JQtouch および Sencha を参照することをお勧めします

心に留めておいてください「クリック」のような一部のイベントはタッチデバイスに存在しないことに注意してください（ただし、ほとんどの場合は問題ありません） "など... JQTouchとSenchaはすでに「タップ」イベントを提供し、Appleデバイス固有のより多くのイベントを修正するように設定されています。

5
balexandre

IPadをターゲットにしたWebデザインを行うための優れたオンラインツールがあります。

ipadpeek.com

フルサイズのiPad/Safariエミュレーターをオンラインで提供します。

4
Gary.Ray

開発中にサイトをテストする実際のデバイスを用意することを強くお勧めします。

3
Oren Hizkiya

この記事をご覧ください。これは、iPad、30インチモニター、さらにはiPhoneでもサイトを美しく見せる液体レイアウトの素敵なテクニックです;） http://www.alistapart.com/articles/responsive-web-design/

1
D4V360

IPadは主にブラウザのSafariを使用します-または独自のバージョンを使用するため、テストするデバイスがない場合は通常のサファリを最初に確認してから、それが動作することを確認してください。ここから、シミュレータを見つけることができるはずです。

他のモバイルブラウザもアプリとしてダウンロードできます。operaがブラウジング用の独自のアプリにヒットしたことは知っています。

0
Lizard

IPadのSafariブラウザは一般的なディストリビューションで最も先進的なブラウザであるため、古い非標準準拠ブラウザのサポートをハッキングすることなく、最新のCSS3およびHTML5技術をすべて利用できます。

0
Dan Gayle