由于最近在做全屏的问题,试过好多方法,对于笔记本电脑有个独特的屏幕,有点BUG不好解决。就是1366的屏幕适应的问题。不知道最近的小伙伴有没有遇到这样的问题。全屏,F11,不能适应。做1366的适应都是心酸泪。关于别的分辨率适应,已经有博客说过了,现在直接上动态添加css的样式(.css)文件
var script = document.createElement("script");
script.src = "/index/js/index.js?v="+new Date().getTime();
document.body.appendChild(script);
var style = document.createElement("link");
style.href = "/index/css/index.css?v="+new Date().getTime();
style.type = "text/css";
style.rel = "styleSheet";
document.head.appendChild(style);
//这个动态添加的方式
//下面是判断不同屏幕应用的css文件
if(window.screen.width == 1920){
var style = document.createElement("link");
style.href = "css/our_sy_1920.css";
style.type = "text/css";
style.rel = "styleSheet";
document.head.appendChild(style);
}else if(window.screen.width == 1366){
var style = document.createElement("link");
style.href = "css/our_sy_1366.css";
style.type = "text/css";
style.rel = "styleSheet";
document.head.appendChild(style);
}
上面是代码。这是实验过得。