● 私はスマホを持っていないので、自分のブログをスマホで
見た状態がわからない。
なので、ＰＣでスマホで見る方法があるので紹介。
（実際には、ＰＣで見ているので、スマホで見ているのと少し違うかも）
● User agent（ユーザ エージェント（略称はＵＡ））を利用します。
● ブラウザは、今回の記事では、Google Chrome（クローム）です。
① クロームのブラウザのダウンロード、インストール（導入）は下記でできます。
http://www.google.co.jp/chrome/intl/ja/landing_ch.html
ブラウザの意味がわからない場合は下記を参照
ブラウザってなに？
② クロームのブラウザを立ち上げて、右上の
をクリックしてツール→デベロッパーツールをクリックします。
③ 右下の歯車マークをクリックします。
④ Overraid User Agent にチェック（☑）をいれます。
⑤ チェックをいれると下記のような表示になります。
⑥ プルダウンメニューから、今回は、 iPhone-iOS4 を選択してみます。
⑦ Override device metrics の Screen resolution の縦の
サイズを 600くらいにして、うまく下まで見れるようにします。
⑧ 一番上のアドレスバーに 自分のブログのＵＲＬを入れ、Enter を押します。
下記では、私のブログのＵＲＬの http://ameblo.jp/new-blue-777/ を
入れています。
そうすると、アドレスバーは、 http://s.ameblo.jp/new-blue-777/ に変わります。
（クロームは、http:// が表示されないので、表示上は、s.ameblo.jp/new-blue-777/ と
なります。
◆ 下記画像の③に書かれているように、下の部分を閉じてしまうと、
指定したUser Agent が解除されるので注意すること。
（閉じてしまうと、再度、②から行わなければならない）
◆ 下記画像の⑤のホームをクリックして、ログイン画面へ行きます。
⑨ アメーバＩＤでログインをクリックする。
⑩ アメーバＩＤ、パスワードを入れてログインする
⑪ アメーバを使うをクリックする
⑫ ブログをクリックする。（自分のブログのスマホでのデザインを変えます）
⑬ デザインの設定をクリックする。
⑭ 好きなデザインをクリックする。
⑮ 自分のブログで確認するをクリックする。
⑯ 適用をクリックする。
● パソコン版で見る場合（表示切替）
① 自分のブログを表示してパソコン版をクリックする。
② 下記の様に表示される（パソコン版へ切り替えますか？）のでＯＫをクリックする。
★ クローム以外のブラウザでも User Agent を変える機能が
備わっています。
クロームが一番簡単な方法と思います。