「スマホサイト制作」の版間の差分
ナビゲーションに移動
検索に移動
編集の要約なし |
編集の要約なし |
||
| 9行目: | 9行目: | ||
<br> | <br> | ||
'''「Mobile Safari」の制限'''<br> | '''「Mobile Safari」の制限'''<br> | ||
・プラグインに非対応→「Flash Player」が使えない、等 | ・プラグインに非対応→「Flash Player」が使えない、等<br> | ||
・文字コードの変更ができない→meta要素で文字コードを忘れず指定する<br> | |||
・ウィンドウの制御ができない→常に全画面<br> | |||
・ファイルのアップロード、ダウンロードもできない→アプリで対応 | |||
| 16行目: | 19行目: | ||
ブラウザ:ブラウザ(WebKitベース)</p> | ブラウザ:ブラウザ(WebKitベース)</p> | ||
<br> | <br> | ||
'''「ブラウザ」の制限''' | '''「ブラウザ」の制限'''<br> | ||
・プラグインに非対応→「Flash Player」は標準搭載(Android2.2以降)<br> | |||
・ファイルのアップロードはできない(ダウンロードは可能) | |||
</div> | </div> | ||
2011年8月31日 (水) 18:39時点における版
スマートフォンサイト案件が来たときのために、スマホサイト制作についてまとめておきます。
※このページは、たにぐちまこと著「iPhone+Androidスマートフォンサイト制作入門」から抜粋しております。
スマートフォンの特徴・仕様
■iPhone
解像度:320×480px(4は640×960だがブラウザでは320×480で表示する仕様になっている)
ブラウザ:Mobile Safari(WebKitベース)
「Mobile Safari」の制限
・プラグインに非対応→「Flash Player」が使えない、等
・文字コードの変更ができない→meta要素で文字コードを忘れず指定する
・ウィンドウの制御ができない→常に全画面
・ファイルのアップロード、ダウンロードもできない→アプリで対応
■Android
解像度:320×480px~640×960px
ブラウザ:ブラウザ(WebKitベース)
「ブラウザ」の制限
・プラグインに非対応→「Flash Player」は標準搭載(Android2.2以降)
・ファイルのアップロードはできない(ダウンロードは可能)