WebWEBサイトをスマートフォンの表示に対応させる方法の覚書。スマートフォンからのアクセスかどうかの判断ユーザーエージェント(UA)に含まれる文字列で判断する。場合スマートフォンかタブレットかは判断できない。Androidスマートフォンでは'Mobile'が含まれるため、これで判断できる。以上2つを上手く組合わせて判断する必要がある。▼Viewportの変更PC用のサイトをスマートフォンで表示すると文字が小さく見づらいため、対応としてヘッダーに以下を追加。画面の横幅をピクセル単位で指定。device-widthを指定すると、端末の横幅に合わせて自動的に調整される。表示した時の画面の倍率を指定。スマートフォン上でユーザーが表示を拡大させる時の最大倍率を指定。▼HTML5の利用スマートフォン用ブラウザはHTML5に対応しているため、従来は画像を使わないと出来ないような表現もCSSだけで実現できるものも多い(グラデーションや丸角など)。これを利用して、画像を少なくしてデータ転送量を減らす。