用js自动判断浏览器分辨率的代码

2016-02-19 10:48 15 1 收藏

下面请跟着图老师小编一起来了解下用js自动判断浏览器分辨率的代码,精心挑选的内容希望大家喜欢,不要忘记点个赞哦!

【 tulaoshi.com - Web开发 】

代码如下:

SCRIPT LANGUAGE="JavaScript"
!--
if (window.navigator.userAgent.indexOf("MSIE")=1)
{
var IE1024="";
var IE800="";
var IE1152="";
var IEother="";
ScreenWidth(IE1024,IE800,IE1152,IEother)
}
else{
if (window.navigator.userAgent.indexOf("Firefox")=1)
{
var Firefox1024="";
var Firefox800="";
var Firefox1152="";
var Firefoxother="";
ScreenWidth(Firefox1024,Firefox800,Firefox1152,Firefoxother)
}
else{
var Other1024="";
var Other800="";
var Other1152="";
var Otherother="";
ScreenWidth(Other1024,Other800,Other1152,Otherother)
}
}
function ScreenWidth(CSS1,CSS2,CSS3,CSS4){
if ((screen.width == 1024) && (screen.height == 768)){
setActiveStyleSheet(CSS1);
}else{
if ((screen.width == 800) && (screen.height == 600)){
setActiveStyleSheet(CSS2);
}else{
if ((screen.width == 1152) && (screen.height == 864)){
setActiveStyleSheet(CSS3);
}else{
setActiveStyleSheet(CSS4);
}}}
}
function setActiveStyleSheet(title){ 
document.getElementsByTagName("link")[0].href="style/"+title; 
}
//--
/SCRIPT 

来源:http://www.tulaoshi.com/n/20160219/1595791.html

延伸阅读
手机设备太多,分辨率也不一样,看到网上大部分的适应字体的方法是定义values320×480或value-hdpi方式去处理。 采用第一种的就惨了,很多设备的分辨率是不一样的,难道要每种都定义吗? 采用第二种的在平板电脑里没有效果。 最后还是代码的方式方便快捷。。。 [java] 代码如下: //遍历设置字体  public static void changeViewSize(...
标签: Web开发
上网用户的屏幕分辨率未必都是800×600的,有相当一部分人仍然在使用640×480的分辨率上网,试想:你辛辛苦苦作的 页面在别人的浏览器理看到的将面目全非。 这个小程序在用户进入页面的时候会检测它们的分辨率,然后根据分辨率的不同,指向相应的页面。当然,讲究的你应当 事先分别做好800×600和640×480的页面。Try it,really good! 注...
标签: Web开发
!-- +++++++++++++++++检测屏幕分辨率++++++++++++++++++++++++++  --
标签: 电脑入门
最近市场上流行的电脑液晶显示屏一般为19寸显示器,很多朋友买完显示屏回来后,却不知道怎么正确的调整19寸显示器最佳分辨率,下面将为大家详细的讲解19寸液晶显示器最佳分辨率是多少等问题。 19寸显示器分辨率设置步骤: 鼠标右键点击桌面空白处选择属性弹出的显示属性窗口中切换到设置选项卡中在设置窗口下方找到屏幕分辨率(S),向...
标签: 分辨率 电脑
点击通知中心 只需点击Windows 10屏幕右下角的“通知中心图标”,点击弹出的界面中的“所有设置”。 设置系统 找到图中的“系统”案件,点击并进入系统设置菜单。 高级显示设置 在右边下方可以找到“高级显示设置”。 调整分辨率 点击“高级显示设置”后,就能够看到“屏幕分辨率设置窗口了”。只需在相关窗口选择要调...

经验教程

236

收藏

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