私はレスポンシブサイトに取り組んできました。Chrome 開発者ツールを使用して画面サイズを 320px にオーバーライドし、メディア クエリを使用して CSS を変更しています。これは私が使用したメディアクエリです:
@media only screen
and (max-width : 480px) {
私のブラウザでは、これは正しく機能し、次のようになります (ビューポートを 320 x 480px に設定):
ただし、iPhone 5 で表示すると、これが結果であり、全幅バージョンと同じです] 2 :
メディア クエリの完全な CSSは、ここで確認できます。