基于客户端参数动态生成的样式表

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);
}