下面介绍的是电脑屏幕像素分别为1366*768和1024*768两种不同分辨率下 如何使用JS引用不同的CSS文件:
$(document).ready(function(){
if(window.screen.width-30>1300){
var head=document.getElementsByTagName('head')[0];
var link=document.createElement('link');
link.id="1366*768PixelCSS";
link.rel='stylesheet';
link.type="text/css";
link.href="~/Content/Site.css";
link.media='all';
head.appendChild(link);
}
else{
var head=document.getElementsByTagName('head')[0];
var link=document.createElement('link');
link.id="1024*768PixelCSS";
link.rel='stylesheet';
link.type="text/css";
link.href="~/Content/Site1.css";
link.media='all';
head.appendChild(link); }
});
|
|