移動端獲取螢幕寬度

2021-07-05 19:55:24 字數 707 閱讀 3896

今天聊乙個開發移動端經常碰到的乙個問題:如何獲取螢幕寬度,獲取螢幕的辦法有很多,今天總結一下各個方法的優點、缺點。

用jquery或者zepto獲取螢幕寬度的方法最為簡單,但是在android平台上,有時會獲取的不準確(為0),從而影響布局。在ios平台上還是很穩定。

1

varwidth = $(window).width();

根據我的經驗,scrollwidth獲取螢幕寬度還比較準,也比較穩定,但可能會有細微出入。

1

varwidth = document.body.scrollwidth;

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

1

2

vardpi = window.devicepixelratio;//獲取螢幕解析度

varwidth = syswidth / dpi;//用系統返回寬度除以解析度。

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

獲取螢幕寬度和高度

在android上的瀏覽器有個設定遠近的功能,導致獲取到的螢幕寬度和高度是會根據設定遠近而變化的。但是有個屬性不論如何設定都是不變的。就是螢幕的寬度和高度。var screenw window.outerwidth var screenh window.outerheight msg text wi...

Android獲取螢幕寬度高度

方法一 windowmanager wm windowmanager this getsystemservice context.window service int width wm.getdefaultdisplay getwidth int height wm.getdefaultdispla...

Android Studio 獲取螢幕寬度跟高度

兩個函式直接反饋當前手機的寬度跟高度 獲得螢幕的寬度 public static int getscreenwidth context ctx 獲得螢幕的高度 public static int getscreenheight context ctx 在android開發過程中,對於控制項的高度,寬...