質問: RWD(レスポンシブ)させたいのですが、iPhoneの画面解像度が大きすぎて、丁度いいブレイクポイントが見つかりません。 皆様のブレイクポイントの設定をよろしければ教えてくれませんか? ------------------------------- わたしが考えた対処法の1つですが、 html/cssはRWDとして作成 ←これで下記3つ以外の設定 htmlのメタ情報にJavaScriptで条件分岐を指定 内容:iPhone,iPad,Androidであれば次のソース(RWDさせるためのもの)を読み込み ←これで3つを設定 JavaScriptを使用するので作り方がわからなくって、実際に試せていません、、 --- 追記 ![rwd](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/e7009043976cb1dd0dd2c551a729cc63.png) 実際にアンドロイドでみると理想のRWDになるのですが、 画素数の高いiPhoneで見てみると、画像の右の表示になってしまいます。
回答: ``` @media screen and (min-width: 769px){ .hoge{ max-width: 100%; height: auto; } } @media screen and (min-width: 640px){ .hoge{ max-width: 100%; height: auto; } } ``` みたいに、@mediaで分けるではダメですか? 横サイズに合わせて、デザイン分けするのがレスポンシブかなぁーと思ってます。