移動端獲取屏幕寬度
阿新 • • 發佈：2018-02-24
key wid width con 如何 pixel lpad svi lsp
-
移動端獲取屏幕寬度
目錄：
- 1$(window).width()
- 2scrollWidth
- 3讓平臺返回屏幕寬度
概述：
今天聊一個開發移動端經常碰到的一個問題：如何獲取屏幕寬度，獲取屏幕的辦法有很多，今天總結一下各個方法的優點、缺點。$(window).width()：
用jQuery或者zepto獲取屏幕寬度的方法最為簡單，但是在Android平臺上，有時會獲取的不準確（為0），從而影響布局。在IOS平臺上還是很穩定。1 varwidth = $(window).width();scrollWidth：
根據我的經驗，scrollWidth獲取屏幕寬度還比較準，也比較穩定，但可能會有細微出入。1 varwidth = document.body.scrollWidth;讓平臺返回屏幕寬度：
我認為目前為止，最穩定，最準確的方法就是讓平臺返回屏幕寬度。但是要對返回的寬度稍做處理，因為平臺返回的是系統的寬度，需要除以分辨率。
此方法唯一的缺點就是比較麻煩，需要平臺配合，所以以上3種方法各有利弊，大家自己取舍，我還是推薦讓平臺返回。1 2 vardpi = window.devicePixelRatio;//獲取屏幕分辨率varwidth = sysWidth / dpi;//用系統返回寬度除以分辨率。
移動端獲取屏幕寬度