html打印不同分辨率会不一样,javascript如何根据不同的屏幕分辨率为html页面设置不同的css呢?...

摘要:

下文讲述javascript中为不同分辨率引入不同的css的方法分享，如下所示；

实现思路:

1.编写一个获取屏幕分辨率的函数

2.当遇见不同的分辨率时，修改link标签后的src属性值

通过这种方式达到js修改分辨率的目的

例:

js根据屏幕分辨率修改css的示例分享

//设置css的函数

function setCss(cssPath)

{

document.getElementsById("lnk").href=cssPath;

}

window.onload = function(){

//根据不同分辨率调用不同css

if ((screen.width == 1024) && (screen.height == 768)){

setCss("a.css");

}

if ((screen.width == 800) && (screen.height == 600)){

setCss("b.css");

}

if ((screen.width == 1152) && (screen.height == 864)){

setCss("c.css");

}

}

maomao365.com

js不同分辨率调用不同css的示例分享

---