「スマホサイト制作」を編集中

スマートフォンサイト案件が来たときのために、スマホサイト制作についてまとめておきます。<br>
※このページは、たにぐちまこと著「[http://www.amazon.co.jp/iPhone-Android-%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%B3%E3%82%B5%E3%82%A4%E3%83%88%E5%88%B6%E4%BD%9C%E5%85%A5%E9%96%80-WEB-PROFESSIONAL/dp/4048702181 iPhone+Androidスマートフォンサイト制作入門]」から抜粋しております。

<div id="manual">
==スマートフォンの特徴・仕様==
<p>まずはスマホのことを知っておきましょう。</p>
===■iPhone===
<p>解像度：320×480px（4は640×960だがブラウザでは320×480で表示する仕様になっている）<br>
ブラウザ：Mobile Safari（WebKitベース）</p>
<br>
'''「Mobile Safari」の制限'''
<p>
・プラグインに非対応→「Flash Player」が使えない、等<br>
・文字コードの変更ができない→meta要素で文字コードを忘れず指定する<br>
・ウィンドウの制御ができない→常に全画面<br>
・ファイルのアップロード、ダウンロードもできない→アプリで対応<br>
・ファイルサイズなどの制限→「Safari Web Content Guide」参照
</p>
<br>
===■Android===
<p>解像度：320×480px～640×960px<br>
ブラウザ：ブラウザ（WebKitベース）</p>
<br>
'''「ブラウザ」の制限'''
<p>
・プラグインに非対応→「Flash Player」は標準搭載（Android2.2以降）<br>
・ファイルのアップロードはできない（ダウンロードは可能）
</p>
<br>

==基本的なマークアップ==
===Viewportの設定===



</div>