画面幅ごとの有効なブレークポイント

デザイナーやフロントエンド開発者が、公開前の画面確認やレスポンシブ表示の不具合調査を行う際に使えます。

指定した画面幅で有効になるブレークポイントを確認し、想定したレイアウトの切り替わり方を幅ごとに具体的に把握して表示確認へ生かせます。

サンプル入力では、ツールが入力された幅を一覧のしきい値と比較し、どれが有効かを表示します。結果は、その画面幅にどのレイアウトのブレークポイントが適用されるかを理解するのに役立ちます。

入力

比較はブラウザー内で実行されます。入力した幅としきい値はどのサービスにも送信されず、ページを閉じた後に何も保持されません。

しきい値は、ツールの比較ロジックに従ってテストされた幅に一致するときに有効です。結果は、その画面サイズに関連するブレークポイントを特定するのに役立ちます。

いいえ、このツールは1回の実行につき1つの幅を処理します。フィールドをクリアしてテストを再実行し、別のサイズを確認してください。

1行に1つの値があれば、任意の順序で入力できます。ツールはそれらを指定された幅と比較し、対応するものを表示します。