根据页面大小，来引入不同的css样式，并在页面内导入

最新推荐文章于 2022-07-21 19:05:25 发布

she_lei_lei

最新推荐文章于 2022-07-21 19:05:25 发布

阅读量347

点赞数

本文链接：https://blog.csdn.net/w_slch/article/details/107311874

版权

function loadLink(filename) {
var page = document.documentElement;
var width = page.clientWidth;
if (width > 1080) {
    url = '../css1/' + filename
} else {
    url = '../css/' + filename
}
var link = document.createElement('link');
link.rel = 'StyleSheet';
link.type = 'text/css'
link.href = url;
var hed = document.getElementsByTagName('head')[0];
hed.appendChild(link)
}

//需在html中引入如：
<script
loadLink(‘tool.css’)
loadLink(‘appointment_ensure.css’)
< /script>
在css / css1 文件夹下去找到相对应的样式