如何识别屏幕尺寸

我正在开发一些移动web应用程序（它是我的第一个时间），并且我遇到了这样的问题：尽管使用了特殊的移动框架，但在小屏幕上某些尺寸的模式窗口不正确。比如我有一个iPod和iPad：如何识别屏幕尺寸

iPod iPad

在iPod上按钮的大小已经改变了一点。所以，可能有什么方法来确定屏幕尺寸类似的类别（小，正常，大或可能只是得到大小列表的数组）使用JS可能，然后基于它我会做一些基本的变化来源。

2012-08-30 NoNameZ

尝试screen.height和screen.width http://www.w3schools.com/jsref/prop_screen_height.asp – mattytommo

@mattytommo正如我之前所说的，我需要类似于一个类或数组的大小。 – NoNameZ

使用jQuery找到窗口

$(function() { 
    showWidth($(this).width()); 
    $(window).resize(function() { 
     showWidth($(this).width()); 
    }); 
}); 

function showWidth(wid) { 
    var width = parseInt(wid); 
    if (width < 1440) { 
     //use wider stylesheet 
    } else if ((width >= 901) && (width < 1440)) { 
     //use wide stylesheet 
    } else { 
     //use small stylesheet 
    }  
}

来源

2012-08-30 11:08:58 Sark

什么平板电脑有901？ – NoNameZ

@NoNamez我使用上述代码来更改在桌面上查看的网页样式表，在您的情况下，您可以放置任何想要使用的屏幕大小。 – Sark

你可以得到屏幕高宽使用jQuery像

alert("Width :"+$(window).width()+" Height :"+$(window).height());

你没有得到的尺寸规格一样小，大等

你必须使用屏幕宽度和高度的自己写代码响应。

来源

2012-08-30 11:06:35 Hkachhia

我强烈建议，而不是使用识别基于该JS和服务样式宽度CSS媒体查询的当前宽度。

CSS媒体查询是standradrized：http://www.w3.org/TR/css3-mediaqueries/

另见的例子和用法这里：http://css-tricks.com/css-media-queries/

来源

2012-08-31 13:24:03

如何识别屏幕尺寸

回答

相关问题