質問: レスポンシブ・ウェブデザインのサイトを作ろうとしているのですが、ブレイクポイントの決め方で迷走中です。 まず、今現在、 メーカーページの仕様表に出てくるような解像度は、デバイス幅(device-width)とはまったく関係のない要素と考えているのですが、これは間違いないでしょうか。 そうだとすると、ブレイクポイントを決める際に参考にするべきはデバイス幅ということになると思うのですが、それを知る術というのは存在するのでしょうか? また、あったとしても、すべてのスマホのデバイス幅を調べるのも現実的ではないと思うのですが、一体どのようにしてブレイクポイントを設定すれば良いのでしょうか? ご存知の方、ご教授いただければ幸いです。 よろしくお願いいたしますm(__)m
回答: 段組みを切り替えるウインドウ幅の決め方、ということですか? 奇麗に見えるサイズでいいんじゃないですかね。 幅320pxの画像なら320px+マージンの倍数が切り替えに適したサイズでしょうし、 比率指定(ウインドウサイズに応じて縮小)にしてるなら、あまりに小さすぎてない様が読めなくなった時が段組みを切り替えるのに適したサイズという事になると思います。 何ピクセルとか何%という絶対値で、一概に言える物ではないと思います。