レスポンシブデザインのページがあるかどうかを検討してください。私は、purifyCSSが未使用のCSSルールをトリミングするのに役立つことがわかりました。このツールを使用してレスポンシブデザインに対するCSSの使用状況をチェックする方法があるのだろうかと思います。ページがレスポンシブデザイン（例えば、ブートストラップを使用している場合）のCSSのサイズを小さくする
私はパラメータの1つとして、ページのコンテンツを含むHTMLファイルを渡す必要があります。このようなデザインではどうすればいいですか？
私はpurifyCSSとBootstrapに精通していませんが、CSS3メディアクエリ（the MDN documentationを参照）を使用して、要求された特定のデバイスに必要なCSSだけを使用できます。例えば
、次のHTMLコード：
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="desktop.css" media="@media (min-width: 700px) and (orientation: landscape)">
は常にmain.cssスタイルを要求し、画面だけが与えられたメディアクエリーに合う場合desktop.cssスタイルを使用します。
しかし、@ makshhはコメントの中で示唆したように、これは実際にはを削除します。未使用のCSSは削除しますが、不要なスタイルは無視されます。このメソッドは、まだ適用されていなくてもすべてのスタイルシートを要求します。したがって、与えられたCSSの量も減らされません。これはブラウザのサイズが変更され、異なるスタイルを適用する必要がある場合に必要です。この理由から、私はあなたがを見つけてはならないと考えています。不要なCSSを削除すると、デザインの応答性が制限されるためです。