[html5]手机浏览器分辨率检测和手机浏览器分辨率检测

我们现在要针对苹果iPhone4开发一个移动网站以及一个移动应用，在做移动网站时，我们这样写样式：

 
@media screen and (min-width:320px) and (max-width:480px){ 
 
} 
 
而在做移动应用时，我们得这样写样式： 
 
@media screen and (min-device-width:640px) and (max-device-width:960px){ 
 
} 
 
min-width和max-width：表示手机浏览器的最小宽度和最大宽度 
 
min-device-width和max-device-width：表示手机屏幕显示的最小宽度和最大宽度 

<script type='text/javascript'>   
document.write("酷播提示浏览器分辨率是"+document.documentElement.clientWidth+"*"+document.documentElement.clientHeight );   
document.write("酷播提示屏幕分辨率是"+window.screen.width+"*"+window.screen.height);   
</script>