您的位置:首页 > Web前端 > CSS

判断分辨率调用不同样式表

2013-11-25 12:20 204 查看
<link rel="stylesheet" rev="stylesheet" id="skin" type="text/css" media="all" />
<script type="text/javascript">
var axu_url800x600="800.css";   //设置变量axu_url800x600    样式:1.css
var axu_url1024x768="1024.css";  //设置变量axu_url1024x768   样式:2.css
if((screen.width==800)&&(screen.height==600))
document.getElementById("skin").href=axu_url800x600;   //判断分辨率是800x600调用1.css

else if((screen.width==1024)&&(screen.height==768))
document.getElementById("skin").href=axu_url1024x768;  //判断分辨率是1024x768调用2.css

else document.getElementById("skin").href=axu_url1024x768;  //否则 调用2.css
//有效但不符合XHTML标准,需完善
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: