2015年1月27日だんだん魚のアラに飽きてきた犬吉です。ひっさしぶりにスマートフォン専用ページのコーディングをしました。横幅640pxでできたデザインデータを320px幅に直しながらするヤツです。ちなみに今回は、PCサイトとスマホサイトは別ソースです。基本的な注意点html・imgタグのwidthとheightは半分にする。画像のスライスは偶数になるよう調整。content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0">csspaddingとmarginも半分にする。0px;background-sizeプロパティでサイズ指定。jsto-Rさんの下記ページのスクリプトがよかった。to-RAndroid(アンドロイド)のシュミレーターiPhoneは持ってるので、それで確認。Androidは持ってないので、シュミレーターで済ませることにした。Genymotionってのが良いらしい。動作早く、Mac、Windows版と両方あるのもポイント高い。上記サイトで会員登録フリー版をダウンロードしてインストールVirtualbox(MacとWindowsなど様々なOSを同時使用できるようにする無料の仮想化ソフト)を使用するので、まだ入れてない場合はインストール(こちらのサイト)Genymotionを起動。私は一回Shell版を起動させたけどたぶん必要ない。Virtualboxで仮想マシンをひとつも作ってない場合は、新しく作るか聞かれるのでOK。「add」から好きなAndroidを選んでインストール。上記ページをとても参考なった。スマホサイトからのPCページヘのリンクも対応できてるのが良い。