根据浏览器高度更改Css文件

Question

根据浏览器高度更改Css文件

我可以根据浏览器的高度更改加载的CSS文件吗？

例如,如果浏览器小于600px,则使用index_sm.css,否则使用index_lg.css.

Answer 1

在您的<head>标签中，输入以下内容：

<script type="text/javascript">
    if (window.innerHeight <= 600) {
        loadcss('index_sm.css');
    } else {
        loadcss('index_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);
    }
</script>

Run Code Online (Sandbox Code Playgroud)

归档时间：	14 年，7 月前
查看次数：	2329 次
最近记录：	14 年，7 月前