Queriesはユーザーの環境(サイズなど)に合わせて最適なレイアウトを提供するのに使用することが多いと思いますが、ちょっと変わった面白い使い方を紹介します。Less![ad#ad-2]デモ実装デモまずは、そのテクニックが使用されているサイトからご紹介。Queriesが使用されているのでサイズを変更してみてください。なんとか」が変わります。Queriesと擬似要素を使用して配置しています。HTMLh2要素をdiv要素で内包したシンプルな実装です。<span></span></h2></div>空のspan要素はCSSでコンテンツをレンダリングするために使用します。Queriesをセットし、span要素の擬似要素を使って、単語を配置します。Queriesが設定されており、サイズを実際に変えて見ると面白いです。