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

时间:2017-12-28 14:53未知
[html5]手机浏览器分辨率检测和手机浏览器分辨率检测
 体育彩票七位数 www.bzrkx.com 我们现在要针对苹果iPhone4开发一个移动网站以及一个移动应用,在做移动网站时,我们这样写样式:
  1.  
  2. @media screen and (min-width:320px) and (max-width:480px){ 
  3.  
  4.  
  5. 而在做移动应用时,我们得这样写样式: 
  6.  
  7. @media screen and (min-device-width:640px) and (max-device-width:960px){ 
  8.  
  9.  
  10. min-width和max-width:表示手机浏览器的最小宽度和最大宽度 
  11.  
  12. min-device-width和max-device-width:表示手机屏幕显示的最小宽度和最大宽度 
  1. <script type='text/javascript'>   
  2. document.write("酷播提示浏览器分辨率是"+document.documentElement.clientWidth+"*"+document.documentElement.clientHeight );   
  3. document.write("酷播提示屏幕分辨率是"+window.screen.width+"*"+window.screen.height);   
  4. </script> 

 

热门文章推荐

请稍候...
体育彩票七位数
幸运农场开奖结果直播 | 幸运飞艇直播 | 79| 527| 379| 740| 26| 173| 578| 870| 650| 121|