javascript - クライアントのパラメーターに基づいて動的に生成されたスタイル シート

Question

私は node.js を使用していますが、クライアントのウィンドウ サイズやその他のパラメーターに基づいてカスタム スタイルシートを生成するモジュールがあるかどうか疑問に思っています。これらのパラメーターは、変数のようなプログラマーによってスタイルシート テンプレートで使用されます。

サーバーがクライアントに関するその情報を持っていない可能性があることに気付いたので、サーバー側のソリューションがない場合、少なくともクライアント側で使用できるものはありますか?

Answer 1

メディアクエリは、あなたの探求にとってよりエレガントなソリューションになります.

しかし、プレーンなjsでタスクを達成したい場合は、これを試してください

var parameter_one = "http: //stackoverflow.com/one.css";  //your absolute path
var parameter_two = "http: //stackoverflow.com/two.css";

if (screen.width < 1024) {
    load_me(parameter_one)
} else {
    load_me(parameter_two)
}

function load_me(file) {
    var head = document.getElementsByTagName('head')[0];
    var link = document.createElement('link');
    link.rel = 'stylesheet';
    link.type = 'text/css';
    link.href = file;
    link.media = 'all';
    head.appendChild(link);
}