Question

我正在制作一个我非常喜欢的html5up模板并将其放入rails中。除了一件事，我把它全部都搞定了。在js中他们有这个

skel.init({
        reset: 'full',
        breakpoints: {
            'global':   { range: '*', href: 'css/style.css', containers: 1400, grid: { gutters: 40 }, viewport: { scalable: false } },
            'wide':     { range: '961-1880', href: 'css/style-wide.css', containers: 1200, grid: { gutters: 40 } },
            'normal':   { range: '961-1620', href: 'css/style-normal.css', containers: 960, grid: { gutters: 40 } },
            'narrow':   { range: '961-1320', href: 'css/style-narrow.css', containers: '100%', grid: { gutters: 20 } },
            'narrower': { range: '-960', href: 'css/style-narrower.css', containers: '100%', grid: { gutters: 15 } },
            'mobile':   { range: '-736', href: 'css/style-mobile.css', grid: { collapse: true } }
        },

根据您拥有的屏幕尺寸加载某个css文件。当它刚刚使用apache加载时这很好用，但是在rails中所有的css都会一起扔到application.css中，当它在资产/样式表中时，这意味着我不能做这样的事情。有没有办法让这些css文件分开并从js中动态加载它们就像在这里一样？

Answer 1

想出来。我刚刚进入公开，然后从../ stylesheets / mycss.css

中引用它

在Rails中从JavaScript加载特定的CSS文件

1 个答案: