10 picks

レスポンシブデザインのブレイクポイントの正解はこれだった[2019最新版] - webのあれこれ

PDFはこちらからどうぞ[500KB] 2019年Pixel 3aやGalaxy S10など一通り新機種が発表されたので、2019年改めてブレイクポイントについて考えてみました(3年ぶり!)。 3年経ってほとんどのサイトがレスポンシブデザインになって、ブレイクポイントを少なく効率よく設定していく方向になっているのだと思います 前回、ブレイクポイントの設定はフレイムワークも参考に考えていましたが、改めて考えてみると、モバイルファーストの観点からも640px/1024pxではないのではないかと感じました。 以下が3年前の前回の記事です。 hashimotosan.hatenablog.jp いくつ…

続きを読む
島田 恭輔

フリーランスエンジニア

4ヶ月前
ありがたいです泣
サイト制作のレスポンシブ対応は意外と面倒。。
ブレークポイントは「なんとなく」って感じだったので、これからは「560px / 960px」ですね。ありがとうございます。
清水 風音

ITnews代表

4ヶ月前
スマホ 320〜559px
タブレット 560〜959px
PC 960px以上

今後はこれベースで設計すると良さそうですね。
MIITON

4ヶ月前
Pickしました
鳴瀬 涼

ITnewsで諸々開発してます。

4ヶ月前
Pickしました
tom__0024

4ヶ月前
Pickしました
安達 翔平

4ヶ月前
Pickしました
kagi_jtms

4ヶ月前
Pickしました
Yamaji Nobuaki

Monoposのサーバーサイド/アプリエンジニア

4ヶ月前
Pickしました
Yosikazu Ando

4ヶ月前
Pickしました
takuroooon0726

4ヶ月前
Pickしました

新着ピック  






















記事をPICKする
会員登録
Register
記事をPICKする

会員登録すると、もっと便利に利用できます。