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

       

      熱門文章推薦

      請稍候...
      彩票软件开发公司