1. ·您当前的位置:主页 > 技术教程 > 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. 总进球数含伤停补时吗 11选5有什么技巧 宁夏11选5开奖走势 足彩开户 金彩娱乐城备用地址 中啦彩票网站 云顶娱乐城压大小 3d跨度走势图 淘宝快3qq群 内蒙古快3走势图带线 彩票11选5 二分彩计划全天计划 广东十一选五推荐官方网站下载 11选5前三组选绝招 北京快三走势图预测