gpt4 book ai didi

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

转载 作者:技术小花猫 更新时间:2023-10-29 11:37:42 26 4
gpt4 key购买 nike

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

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

最佳答案

在您的 <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>

关于css - 根据浏览器高度更改 Css 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7699332/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com