スマホのCSS表示をPCでデバグする方法
Google Chromeでやる方法とSafariでやる方法２通り紹介します。
Google ChromeでiPhoneのレイアウトをPC上で再現する方法
メニュー ＞ ツール ＞ デベロッパーツール ＞ 画面右下の歯車をクリックOverrides ＞ Enable にチェック ＞ UserAgentにチェック ＞ iPhone-iOS6 を選択
これで、Chrome上でiPhoneのレイアウトをかなり忠実に再現できます。
Mac SafariでiPhoneのCSSをデバグする方法
こちらの記事をご覧ください。iPhoneのSafariに表示したWebページをMacのSafariでデバッグする方法
Windows SafariでiPhoneのCSSをデバグする方法
あんまりおすすめしませんが一応。WindowsにSafariをインストールして、
メニュー ＞ 開発 ＞ ユーザエージェント ＞ Safari iOS4.3.3 - iPhone