Javascript 基于CSS规则的网格行高

目前，我正在以编程方式设置SlickGrid槽选项中的行高度：

var options = {
    rowHeight: 30
};

有没有什么方法可以在不修改slick grid默认实现的情况下通过CSS规则来实现呢

我这样问是因为我不想根据CSS媒体查询设置行高

我最初的想法是以编程方式读取CSS属性（类似于），并设置readen值，如下所示：

var options = {
    rowHeight: readRowHeightCSSValue()
};

---

…但我不确定这是否是最好的主意。

只需根据窗口的宽度设置行高即可

rowHeight: $(window).width() < 1024 ? 30 : 15

行高：$（窗口）.width（）<1024？30 : 15

正如我最初所想的那样，我用一种稍微不同的方法解决了我的问题，因此我将分享我的解决方案

我在样式表中使用了相同的CSS媒体查询：

enquire.register("only screen and (max-width: 1024px)", {
    match : function() {
        slickGridInitialRowHeight = 15;
    }
}).fire();

enquire.register("only screen and (min-width: 1024px)", {
    match : function() {
        slickGridInitialRowHeight = 30;
    }
}).fire();

---

。。。在那之后，我使用了

slickGridInitialRowHeight

来初始化SlickGrid。

你有没有尝试覆盖CSS规则，看看发生了什么？我更新了问题@feeela，覆盖CSS规则不会有帮助，因为SlickGrid内部需要行高值……这与CSS媒体查询一致吗？除非您希望使用DPI确定行高，否则它的工作原理与您的解决方案相同。