レスポンシブウェブデザイン サイズ

Question

現在ウェブサイトの作成を行っています。

レスポンシブウェブデザインでのそれぞれのサイズの設定ですが

1024px以上,768px以上,480px以上の三種類で作成しようと思っているのですが基本的にはこの三種類で大丈夫でしょうか？

ターゲットデバイスとしてはパソコン、スマホ、タブレットを想定しています。

他にサイズ設定が必要であれば教えていただけると幸いですよろしくお願いします。

Comments

[miyabi_pudding]

ターゲットデバイスの記載なしに決められるものでもないと思いますが。
なので、ターゲットデバイスを記載して下さい。
そして、デザインによりますので、
これが全てにおいて正解というのはありません。

[sashiburi]

ターゲットデバイスを追加しました。

よろしくお願いします。

[m.ts10806]

>パソコン、スマホ、タブレット

いずれも唯一無二のデバイスではないので、これでは要件ほとんど決まってないのと同じかと思います。

Answer 1

ブレークポイントは

デザイン、レイアウト、テキスト量、データサイズ、ページタイプ、
デバイスごとの表示内容はどうする?
どのサイズまで対応するの?、
ブラウザのバージョンは?
などなど
様々で要因で変わってきます。

ものによって、設定の仕方では 1か所も必要ないかもしれません。
個々のデバイス専用に作りたいなら 10か所でも足りないかもしれません。、

「 何を 」「 どのように 」がないまま
ブレークポイントを先に決める事は本末転倒だと思います _ _;;

Answer 2

ブレークポイントで調べるとでてきます。
CSS フレームワークを使っていればそれに則るか自分のサイトのコンテンツによって決めていくといいと思います。

レスポンシブのブレークポイントの決め方！PCデザインカンプから再現する際のベスト | HPcode

Answer 3

タブレットは、768px以下も微妙に残ってるみたいです。
これを切り捨てるつもりならいいのではないでしょうか。
Tablet Screen Resolution Stats Worldwide | StatCounter Global Stats

モバイルは、480px以下がかなりあるようです（私のスマホもそうです）。
切り捨てるにはさすがにシェアが大きすぎます。
Mobile Screen Resolution Stats Worldwide | StatCounter Global Stats

私見ですが、320px以上はターゲットにしておいた方がいいのではないかな、と思います。