移動端擷取螢幕寬度

標籤：目錄   gpo   推薦   width   key   keyword   根據   bsp   html   

• 移動端擷取螢幕寬度目錄：
  • 1$(window).width()
  • 2scrollWidth
  • 3讓平台返回螢幕寬度
   概述：今天聊一個開發移動端經常碰到的一個問題：如何擷取螢幕寬度，擷取螢幕的辦法有很多，今天總結一下各個方法的優點、缺點。$(window).width()：用jQuery或者zepto擷取螢幕寬度的方法最為簡單，但是在Android平台上，有時會擷取的不準確（為0），從而影響布局。在IOS平台上還是很穩定。

  1	var width = $(window).width();

  scrollWidth：根據我的經驗，scrollWidth擷取螢幕寬度還比較准，也比較穩定，但可能會有細微出入。

  1	var width = document.body.scrollWidth;

  讓平台返回螢幕寬度：我認為目前為止，最穩定，最準確的方法就是讓平台返回螢幕寬度。但是要對返回的寬度稍做處理，因為平台返回的是系統的寬度，需要除以解析度。

  12	var dpi = window.devicePixelRatio;//擷取螢幕解析度var width = sysWidth / dpi;//用系統返回寬度除以解析度。

  此方法唯一的缺點就是比較麻煩，需要平台配合，所以以上3種方法各有利弊，大家自己取捨，我還是推薦讓平台返回。

移動端擷取螢幕寬度