·您当前的位置:主页 > 技术教程 > 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> 

 

热门文章推荐

请稍候...
北京快乐八开奖结果
发彩网江苏快三遗漏 双色球规则 福彩3d开奖结果 11选5复式计算器 彩票软件设计 重庆福利彩票官网 重庆农场 欢乐捕鱼兑换码是多少 棋牌评测网大 36选7好彩3复式玩法 七乐彩为什么开8个号 搜狐彩票开奖信息 湖南幸运赛车开奖查询 381818白小姐中特二胎 重庆快乐10分公司