网页如何自动调整分辨率适应显示器分辨率

《网页如何自动调整分辨率适应显示器分辨率》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、网页如何自动调整分辨率适应显示器分辨率方法一：很多朋友在设计网页的时候会遇到分辨率不能自动适应的问题。做好的一个网页在另一种分辨率下显得面目全非。特别是在做单页面的时候，通过PS切图出来的网页大小是固定的，用table百分比的方式来实现难免会使图像失真，如何使网页自动调整分辨率呢？这时候我们有必要换种思路来解决这个问题。既然通过页面设计无法解决这个问题，那么我们可以尝试通过程序方法来实现。这里我给大家介绍一种网页加载时通过JS来获取客户端分辨率的方式来实现网页自动调整分辨率。解决思路：创建各种分辨率下不同的首页，例如设计index800.htm作为800*600下要显示的页面设

2、计index1024.htm作为1024*768下要显示的页面设计index1280.htm作为1280*800下要显示的页面创建index.htm作为获取客户端分辨率的页面以下是代码片段：functionredirectPage(){varurl1280x800="index1280.htm";varurl1024x768="index1024.htm";varurl800x600="index800.htm";if((screen.width==1024)

3、&&(screen.height==768))window.location.href=url1024x768;elseif((screen.width==1280)&&(screen.height==800))window.location.href=url1280x800;elseif((screen.width==800)&&(screen.height==600))window.location.href=url800x600;elsewindow.location.href=url1280x800;}

4、ectPage();">上面这段代码就是用来判断客户端分辨率的index.htm文件代码以上代码运行的步骤是：若screen.width=1024screen.height=768即在1024*768的分辨率下显示为变量url1024x768所代表的页面即index1024.htm若screen.width=1280screen.height=800即在1280*800的分辨率下显示为变量url1280x800所代表的页面即index1280.htm若screen.width=800screen.height=600即在800*600的分辨率下显示为

5、变量url800x600所代表的页面即index800.htm若不是以上分辨率则默认显示为变量url1280x800所代表的页面即index1280.htm方法二：如何让网页自动适应显示器不同的“分辨率”？解决思路： 在不同分辨率下看到的网页版面格式有很大差别，甚至有可能错位。导致这种差别的原因，主要是因为网页中用了绝对定位的层，并且页面内容设置为居中，这样在分辨率改变时就会导致错位。因此我们可以通过判断用户的分辨率，然后让页面或排版做出相应变化。方法一：做为不同的分辨率做不同的页，然后做个引导页，获取到客户端屏幕的分辨率后转向到相应页 具体步骤： 1.先捕获用户的分辨率。 水

6、平分辨率：screen.width 垂直分辨率：screen.height 2.再用页面跳转的方法转到相应页。 location.replace(screen.width+".htm") 或者： location.replace(screen.height+".htm") 3.完整代码。    技巧：screen.width也可以改成screen.availWidth。 提示： llanguage="Jav

7、aScript"指定脚本所用语言为JavaScript,大部分浏览器的默认客户端脚本语言就是JavaScript，所以也可以省略不写。 l两个标识的作用是通知不支持JavaScript浏览器忽略两标识间的所有JavaScript代码，一般情况下可以省略不写。 lJavaScript语句与C语言一样用分号”;”结束，但也可以省略不写，每一新行表示开始一条新语句。 lscreen.width+".htm"在进行字符串连接后得到诸如800.htm，1024.htm之类的文件名。