レスポンシブの悩みです。
すごく初心者で申し訳ないのですが、皆さんは、メディアクエリーはいくつ作っていますか?PC版とタブレット版(縦)とスマホ版(縦)を作るだけでは、スマホやタブレットを横にすると、少し崩れてしまいます。。
PC版とスマホ版だけ作ればいいという話も聞いたのですが・・・
どう解決すればいいのかわかりません・・・教えて頂けると幸いです。よろしくお願いいたします。
どう解決したいのか分かりません。必要ならブレークポイントを増やせばよいのでは?
別に決められたものがあるわけじゃないし、デバイスの増加でパターンも変わる。
> PC版とタブレット版(縦)とスマホ版(縦)を作るだけでは、スマホやタブレットを横にすると、少し崩れてしまいます。。デザインが悪い
> PC版とスマホ版だけ作ればいいという話も聞いたのですが・・・クライアントの予算による
1024以上、1024以下、768以下、640以下、480以下です。
上コメにもあるようにブレークポイントはある程度決まってるけど、どうするからはホントにサイトによってバラバラだから自分の頭で考えよう。既存サイトならアクセス解析でユーザー環境を見て、表示に影響が無いブレークポイントは削るとかした方がよい。新規サイトでもまずユーザー環境を想定してから作ればよい。
有名フレームワーク(Bootstrapとか)のヤツをそのまま採用したりしてるよ。
768pxでくぎってますねー 768pxまでは固定にしてたりします。
Bootstrap, Semantic UI = 1200, 992, 768Materialize = 992, 600だね。
デザインと案件にもより、私の方法ではありますが基本的にはPC版を普通に作ってブレイクポイント768以下 or 600以下 or 480以下(またはすべて)にして、あとは必要あればその他ブレイクポイント追加して調整して行く、ってことが多いです。崩れてしまうのは具体的に分からないのでアドバイス出来ませんが、positionとかpaddingとかヘッダーの固定とかの問題?なんですかね。。--Bootstrapを使う事もありますが、採用すると楽になるかもしれません。
昔は沢山作っていましたが今は480pxを切れ目に2パターン考えることが増えましたね。基本Bootstrapとかから拡張して自分で作ったものを使いまわしています。
デザインデータが来たところ。PCとSP 750幅のデザインがきたら、750でブレークしてる。(拡大が発生しないから)
みんなの回答 8 件
どう解決したいのか分かりません。必要ならブレークポイントを増やせばよいのでは?
別に決められたものがあるわけじゃないし、デバイスの増加でパターンも変わる。
> PC版とタブレット版(縦)とスマホ版(縦)を作るだけでは、スマホやタブレットを横にすると、少し崩れてしまいます。。
デザインが悪い
> PC版とスマホ版だけ作ればいいという話も聞いたのですが・・・
クライアントの予算による
1024以上、1024以下、768以下、640以下、480以下
です。
上コメにもあるようにブレークポイントはある程度決まってるけど、どうするからはホントにサイトによってバラバラだから自分の頭で考えよう。
既存サイトならアクセス解析でユーザー環境を見て、表示に影響が無いブレークポイントは削るとかした方がよい。新規サイトでもまずユーザー環境を想定してから作ればよい。
有名フレームワーク(Bootstrapとか)のヤツをそのまま採用したりしてるよ。
デザインと案件にもより、私の方法ではありますが基本的にはPC版を普通に作ってブレイクポイント768以下 or 600以下 or 480以下(またはすべて)にして、あとは必要あればその他ブレイクポイント追加して調整して行く、ってことが多いです。
崩れてしまうのは具体的に分からないのでアドバイス出来ませんが、positionとかpaddingとかヘッダーの固定とかの問題?なんですかね。。
--
Bootstrapを使う事もありますが、採用すると楽になるかもしれません。
昔は沢山作っていましたが
今は480pxを切れ目に2パターン考えることが増えましたね。
基本Bootstrapとかから拡張して自分で作ったものを使いまわしています。
デザインデータが来たところ。
PCとSP 750幅のデザインがきたら、750でブレークしてる。(拡大が発生しないから)
関連するトピックス