·您當前的位置:主頁 > 技術教程 > 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> 

 

熱門文章推薦

請稍候...
北京快乐八开奖结果