分辨率自适应

 

<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样式表。

一个页面必须同时引用这三个样式表才能起作用。