2017年02月23日(木)

[CSS]多様化したデバイスに対応！CSSで使いやすいブレイクポイントを的確に定義する方法

• 0
• 227
• 215
• 424

スマホは年々大型化し、スクリーンサイズは多様化しています。また、タブレットは小型化の傾向ですがさまざまなスクリーンサイズのものが流通しています。デスクトップもワイドスクリーンなど、わたし達が使用しているデバイスは非常に多様化しています。

スマホ、タブレット、デスクトップ、ワイドスクリーンの異なるスクリーンサイズのレスポンシブ用に、CSSで使いやすいブレイクポイントを的確に定義する方法を紹介します。

The 100% correct way to do CSS breakpoints

下記は各ポイントを意訳したものです。
※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。

ブレイクポイントで混乱する原因

まずは1分間、CSSについて忘れてください。Web制作もユーザーインターフェイスについてもです。

リラックスして、あなたの青春時代、学生の気分になってみてください。