javascript - 即时为不同大小的浏览器窗口应用不同的样式表

Question

如果浏览器高于或低于特定高度，我使用以下代码选择不同的样式表。当您登陆页面时效果很好，或者如果您调整窗口大小然后刷新。但是有什么方法可以调整它以在调整窗口大小时即时选择正确的样式表吗？

if (window.innerHeight <= 900) {
    loadcss('css/container_sm.css');
} else {
    loadcss('css/container_lg.css');
}

function loadcss(file) {
    var el = document.createElement('link');
    el.setAttribute('rel', 'stylesheet');
    el.setAttribute('type', 'text/css');
    el.setAttribute('href', file);
    document.getElementsByTagName('head')[0].appendChild(el);
}

Answer 1

也许值得研究一个现有的库，例如 twitter bootstrap ？它们提供开箱即用的响应式样式表，可在调整窗口大小时自动调整。