<script type="text/javascript" language="javascript">
var scWidth = screen.width; if (scWidth <= 800) { //应该是800*600的分辨率 document.write("小屏幕,特殊照顾");
document.getElementsByTagName("link")[1].href = '<%= Page.ResolveUrl("~/css/") %>' + "StatusDisplay800.css";
}
else if (scWidth <= 1024) { //应该是1024*768 document.write("正常情况");
document.getElementsByTagName("link")[1].href = '<%= Page.ResolveUrl("~/css/") %>' + "StatusDisplay1024.css";
}
else if (scWidth >= 1280) { //大于1440的应该都是宽屏吧 document.write("哇塞,宽屏啊!");
document.getElementsByTagName("link")[1].href = '<%= Page.ResolveUrl("~/css/") %>' + "StatusDisplay1280.css";
}
</script>
StatusDisplay800.css,StatusDisplay1024.css,StatusDisplay1280.css这是三个写着不同属性的样式表名,
针对不同的分辨率设置相应的css属性,当网页在不同分辨率下显示时,则会调用对应的css样式表。
一个页面必须同时引用这三个样式表才能起作用。