实用的检测分辨率的程序代码

2016-02-19 19:05 2 1 收藏

下面是个超简单的实用的检测分辨率的程序代码教程,图老师小编精心挑选推荐,大家行行好,多给几个赞吧,小编吐血跪求~

【 tulaoshi.com - Web开发 】

上网用户的屏幕分辨率未必都是800×600的,有相当一部分人仍然在使用640×480的分辨率上网,试想:你辛辛苦苦作的
页面在别人的浏览器理看到的将面目全非。

这个小程序在用户进入页面的时候会检测它们的分辨率,然后根据分辨率的不同,指向相应的页面。当然,讲究的你应当
事先分别做好800×600和640×480的页面。Try it,really good!

注意:本例没有为不同的分辨率作相应的页面,你可以按下面的按钮看看出现的提示,你只要明白意思就可以了。

以下代码加入HEAD区:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

SCRIPT LANGUAGE=JavaScript
!-- Begin

function redirectPage() {

var url640x480 = http://www.17357.net/640x480;**记得改相应的页面

var url800x600 = http://www.17357.net/800x600;

var url1024x768 = http://www.17357.net/1024x768;

if ((screen.width == 640) && (screen.height == 480))

window.location.href= url640x480;

else if ((screen.width == 800) && (screen.height == 600))

window.location.href= url800x600;

else if ((screen.width == 1024) && (screen.height == 768))

window.location.href= url1024x768;

else window.location.href= url640x480;

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

}

// End --

/script

以下代码加入BODY区:

center
form

input type=button value=进入符合分辨率的页面 onClick=redirectPage()

/form

/center

来源:https://www.tulaoshi.com/n/20160219/1619972.html

延伸阅读
标签: Web开发
     分辨率,什么是分辨率,网页分辨率设置      大家一定在设计网面时,苦恼过不同分辨率下显示的问题,不论你喜欢打表格,还是运用图层,或者利用框架以及帧『内联帧』,当你在800×600下完成创作,1024×768下就会错位,或出现左对齐      1.如果你喜欢打表格,...
标签: PS PS教程
上面主要讲述了扫描仪、打印机、传真机和显示器的设备分辨率。严格来讲,设备分辨率与用该设备处理的图像的分辨率是两个既有联系又有区别的概念。设备分辨率是由硬件设备的生产工艺决定的,尽管可以通过软件的方法调整有些设备的分辨率,但它们都有一个局限性很大的最高分辨率,用户不能对它有任何突破。在描述和理解设备分辨率时,我们必须借...
标签: PS PS教程
四、图像分辨率的作用 表示图像分辨率的方法有很多种,这主要取决于不同的用途。下面所要探讨的,就是在各种情况下分辨率所起的作用,以及它们相互间的关系。 1.平面设计中分辨率的作用 在平面设计中,图像的分辨率以PPI来度量,它和图像的宽、高尺寸一起决定了图像文件的大小及图像质量。比如,一幅图像宽8英寸、高6英寸,分辨率...
标签: 电脑 分辨率
打开分辨率选项 我以win7系统为例来演示。以前的xp系统是在桌面点击右键然后选择属性,在属性里设置分辨率的。而win7则有点不同,首先右键点击桌面,在右键菜单中直接显示了屏幕分辨率的选项,用鼠标点击一下这个选项。 调节分辨率大小 在分辨率设置选项页面中,有一个分辨率的选项,点击一下这个选项,上面默认显示的数值是你现在的屏幕...
标签: 手机软件
作为小米新一代旗舰手机,小米Note依旧配备的是1080P全高清屏幕,分辨率为1920x1080,并没有达到2K屏级别,在屏幕分辨率上,小米Note尽管不错,不过没有像魅族MX4 Pro那样,配备顶级2K屏,稍显遗憾。 尽管没有配备2K屏,不过小米Note采用了和iPhone6一样的2.5D弧形玻璃屏幕,机身厚度仅6.95mm,并采用超窄边框设计,比iPhone6 ...

经验教程

600

收藏

60
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部