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

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

时间:2017-12-28 14:53未知
[html5]手机浏览器分辨率检测和手机浏览器分辨率检测
我们现在要针对苹果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> 

 

热门文章推荐

请稍候...
  • 锁定云视频大聚惠
  • 相约直播超值狂欢
保利威视云直播
保利威视云视频
微信付费直播
酷播云免费在线视频整体解决方案
酷播v4.0网页播放器