·您当前的位置:主页 > 技术教程 > Html5技术 >

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

时间:2017-12-28 14:53未知
[html5]手机浏览器分辨率检测和手机浏览器分辨率检测
我们现在要针?#20113;?#26524;iPhone4开发一个移动网站以及一个移动应用,在做移动网站?#20445;?#25105;们这样写样式:
  1.  
  2. @media screen and (min-width:320px) and (max-width:480px){ 
  3.  
  4.  
  5. 而在做移动应用?#20445;?#25105;们得这样写样式: 
  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> 

 

热门文章推荐

请稍候...
北京快乐八开奖结果
1肖一尾中特 AG真人贴吧 斯诺克在线直播 一码中特图库资料 pk10开奖结果记录 北京时时彩彩开奖结果 江苏快3豹子最大遗漏 3D大小全排列组号器 山东十一运夺金加奖 福建31选7复式投注表价格 体育舞蹈 pokerstar线上娱乐21点 河北快3和值推荐号 今日新疆11选5开奖结果 六合彩白小姐123期