bloggerのモバイルテンプレート

bloggerのモバイルテンプレート機能がレスポンシブ・デザインに合うかを調査
公式な情報はうまく見つけられなかったが、どうもブラウザのユーザ・エージェントでPC/モバイルのどちらのテンプレートを利用するかを決めているよう

Safariのデフォルトのユーザ・エージェントでアクセスした場合、

Safariのユーザ・エージェントを「Safari iOS 5.1 - iPhone」に変更した場合、

モバイルテンプレートを適用する場合は、URLに「?m=1」という文字列が自動的に追加された。また、URLに「?m=1」をつけたままSafariのデフォルトのユーザ・エージェントに切り替えても、モバイルテンプレートが適用された。iPadのユーザ・エージェントでは、モバイルテンプレートは適用されず、PCのテンプレートが適用された。

結論としては、表示画面の幅に応じて、デザインを切り替えるレスポンシブ・デザインでは、ユーザ・エージェントによってテンプレートを切り替える方法は適切ではない。
そのため、今回、モバイルテンプレート機能はオフにした。

Safariでユーザ・エージェントを切り替える方法：

・「開発」メニュー > 「ユーザエージェント」から、切り替えたいユーザ・エージェントを選択
・「開発」メニューが表示されない場合、「Safari」メニュー > 「環境設定」を開き、「詳細」タブで「メニューバーに”開発”メニューを表示」にチェックが入っていることを確認する

モバイルテンプレートを無効にする方法：

・bloggerのメニューにある「テンプレート」タブを選択し、表示される画面にある歯車マークを選択して、「いいえ。携帯端末でPCテンプレートを表示する」を選択する