-
ID:psLl7I さんの質問

レスポンシブデザインで制作してるとき、ブレイクポイントは何pxぐらいにしてますか?
あとwidthとmax-widthの使い分けのコツがあれば教えて下さい。
よろしくお願いします。

みんなの回答 3 件

ID:psLl7I さんの回答

間違えました。widthとdevice-widthの使い分けを知っていれば教えて下さい!

ID:ZZ4SAJ

<meta name="viewport" content="width=device-width〜
→サイトの幅がデバイスの幅になるよ。

<meta name="viewport" content="width=320〜
→サイトの幅が320pxになるよ。

拡大縮小も合わせてこのサイトがわかりやすいかも
ttp://tech.nitoyon.com/ja/blog/2013/02/15/viewport/

ID:psLl7I

ありがとうございます!ちょっと読んできます!

ID:3c.cF9 さんの回答

伸び縮みできないようなデザインの時→width指定
(※ただしAndroid2系は対象外。対象にするとJSで無理やり縮小する羽目になって大変)
伸び縮みできるようなデザインの時→device-width指定

ID:3c.cF9

ブレイクポイントは、あくまで個人的なセオリーでは、
スマホ(小)< 480px
スマホ(大)< 720px(ここはデザイン次第で変動する)
PC(小)・タブレット < 1400px(ここはデザイン次第で変動する)
PC(大)
タブレットはPCとデザインを分ける必要はないと思う。
かわりに、タブレットでも使えるようなデザインにする。
あと、2560pxとかあるようなPC向けになんらか対策する。

ID:i5ROy2 さんの回答

中身によって替えてる。
別にPCでシングルカラムで表示されたところで問題があるわけではないし。

最終更新日:2015-02-23 (3,427 views)

関連するトピックス

ページ上部に戻る