CSSの新機能、メディアクエリの新しいクエリ「update」がChrome 113で使用できるようになりました

2023年5月4日にリリースされたChrome 113で、CSSの@mediaで新しいメディアクエリが使用できるようになったので、紹介します。 新しいクエリはupdateで、WebサイトやアプリのUIをデバイスのリフレッシュレートに最適化させることができます。 CSS update Media Query 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスの元、翻訳しています。 はじめに 「update」クエリの基礎知識 新しいメディアクエリ「update」を使用したデモ リソース はじめに CSSのメディアクエリは、Webサイトやアプリを表示されているデバイスに基づいて外観をコントロールできる強力なツールです。メディアクエリを使用すると、さまざまなスクリーンサイズや向きなどに対してレイアウトを最適化できます。 updateクエリは、デバイスのリフレッシュレートに適応することが

[coliss]

Chrome 113で、CSSの@mediaで新しいメディアクエリが使用できるようになりました。

[w_bonbon]

メディアクエリしてコンテナクエリしてスタイルクエリしてupdateクエリとかしてるやつの更新依頼来たらゲロ吐きそう。

[field_combat]

リフレッシュレートで分けるメディアクエリ

[Phenomenon]

なんやなんや

[yamadar]

アニメーションと合わせて使う用

[solidstatesociety]

update: 144hzとか選べるのだろうか