 managing height width and resolution breakpoints what are breakpoints  breakpoints are the point at which your site s content will respond to provide the user with the best possible layout to consume the information a breakpoint separates the height or width of viewports screens printers and other media output types into steps for instance a width breakpoint of 40em creates two steps one for widths up to 40em and one for widths above 40em breakpoints can be used to define when layouts should shift from one form to another when images should be resized and other changes that need to respond to changes in viewport height or width what are media queries  media queries are a formal way to encode breakpoints for instance a width breakpoint at 40em would be written as the media query minwidth 40em breakpoints are really just media queries with some additional metadata such as a name and multiplier information what are resolution multipliers   解像度 像度マ 度マル マルチ ルチプ チプラ プライ ライヤ イヤー ヤーは 稼働し 働して してい ている いるデ るデバ デバイ バイス イスの スの物 の物理 物理的 理的な 的なピ なピク ピクセ クセル セルの ルのサ のサイ サイズ イズと   デバイ バイス イス非 ス非依 非依存 依存ピ 存ピク ピクセ クセル   のサイ サイズ イズと ズとの との比 の比率 比率で 率で求 で求め 求めら められ られる ビュー ューポ ーポー ポート ートの トのデ のデバ デバイ バイス イス解 ス解像 解像度 像度の 度の縮 の縮尺 縮尺で 尺です breakpoint モジュ ジュー ュール ールは 1152 のマル マルチ ルチプ チプラ プライ ライヤ イヤー ヤーを ーを定 を定義 定義し 義しま します ブレー レーク ークポ クポイ ポイン イント ントを トを定 を定義 定義す 義する する際 各ブレ ブレー レーク ークポ クポイ ポイン イント ントに トに対 に対し 対して してど てどの どのマ のマル マルチ ルチプ チプラ プライ ライヤ イヤー ヤーを ーを適 を適用 適用す 用する するか モジュ ジュー ュール ールと ルとテ とテー テーマ ーマは マは定 は定義 定義す 義する するこ ること ことが とがで ができ できま きます  what is a breakpoint group   ブレー レーク ークポ クポイ ポイン イント ントを トをグ をグル グルー ループ ープ分 プ分け 分けす けする するこ ること ことが とがで ができ できま きます レイア イアウ アウト ウト用 ト用の 用のブ のブレ ブレー レーク ークポ クポイ ポイン イント ントや トや画 や画像 画像サ 像サイ サイズ イズ用 ズ用の 用のブ のブレ ブレー レーク ークポ クポイ ポイン イント ントの トのよ のよう ように 異なる なる目 る目的 目的に 的に使 に使用 使用す 用する するブ るブレ ブレー レーク ークポ クポイ ポイン イント ントを トを切 を切り 切り分 り分け 分ける けるた るため ために モジュ ジュー ュール ールと ルとテ とテー テーマ ーマは マはグ はグル グルー ループ ープを プを使 を使う 使うべ うべき べきで きです  managing breakpoints and breakpoint groups overview the breakpoint module allows you to define breakpoints and breakpoint groups in yaml files modules and themes can use the api provided by the breakpoint module to define breakpoints and breakpoint groups and to assign resolution multipliers to breakpoints  その他 の他の 他の情 の情報  working with breakpoints in drupal w3c standards for media queries 