解决网页自适应客户端分辨率问题

　　对于只有几个像素宽度或高度的层，改用图片来实现。

　　避免使用 W3C 组织不推荐的排版属性，用 CSS 代替。

　　第二种方法：做两个适合不同分辨率的页面，一个是800×600，一个是1024×768，在800×600的页面中加入一下代码就可以实现跳转了：

　　?

　　?? 解决分辨率问题在Dreamweaver中没有此项功能，我们只能手动加入一段Javascript代码。首先在change－ie.html或change－nc.html页面代码中的< head>和< /head>中加入以下代码：

　　?? < script language=JavaScript>

　　?? < !－－

　　?? function redirectPage(){

　　?? var url800x600=〃index－ie.html〃; //定义两个页面，此处假设index－ex.html和1024－ie.html同change－ie.html在同一个目录下

　　?? var url1024x768=〃1024－ie.html〃;

　　?? if ((screen.width==800) ＆＆ (screen.height==600))　//在此处添加screen.width、screen.height的值可以检测更多的分辨率

　　?? window.location.href= url800x600;

　　?? else if ((screen.width==1024) ＆＆ (screen.height==768))

　　?? window.location.href=url1024x768;

　　?? else window.location.href=url800x600;

　　?? }

　　?? // －－>

　　?? < /script>

　　?? 然后再在< body…>内加入onLoad=〃redirectPage()〃

　　?? 最后，同样地，在< body>和< /body>之间加入以下代码来显示网页的工作信息：

　　?? < script language=JavaScript>

　　?? < !－－

　　?? var w=screen.width

　　?? var h=screen.height

　　?? document.write(〃系统已检测到您的分辨率为:〃);

　　?? document.write(〃< font size=3 color=red>〃);

 2/3   首页 上一页 1 2 3 下一页 尾页