移動端相容問題

2022-08-21 17:24:08 字數 546 閱讀 4874

2. 動態獲取中間的內容高度(不同手機螢幕顯示的高度也是不一樣,滾動只滾動中間那一部分)

我曾使用過css中的cale() 來計算出內容中間的高度,但是最後還是發現了問題,因為移動端布局是用rem來進行適配,而cale來計算是百分比,雖然rem可以轉換成百分比,但是還是不是特別的妥當。

最後我使用的是動態獲取中間內容的高度來進行計算,就比較好用,但是有乙個問題,一開始我將計算出來的變數是存放在data裡面的(vue)導致在蘋果手機上動態獲取到的內容並不顯示,後來直接用const定義變數就沒關係。

虛擬框彈出鍵盤遮擋問題)

// 解決蘋果下虛擬框彈出鍵盤遮擋問題

releasecontent () , 100)

}).blur(function () )

}使用了scrollintoview()只是解決了一半蘋果的問題,在iphone8以下是可以的,在iphone8plus就不可以,還是會出現虛擬框遮擋的問題,這個問題我也是不知道怎麼才會解決,希望大神們,多多指教一下。

關於scrollintoview的位址檢視   

2018-11-22

移動端相容問題

1.移動端檔名不要用game等,以防被合作伺服器劫持插入廣告,從而影響專案執行 2.紅公尺手機,ua返回iphone,需要結合platform判斷,但是還不準確,導致需要ios和android區別對待的時候就坑了。3.是fixed的問題。這個解決辦法是盡量不要用,不過ios7及以下才會出現這個問題。...

移動端部分相容問題

1 h5頁面視窗自動調整到裝置寬度,並禁止使用者縮放頁面 viewport content width device width,initial scale 1.0,minimum scale 1.0,maximum scale 1.0,user scalable no 部分安卓手機的uc瀏覽器寫完...

移動端fixed相容問題

最近做移動端頁面,有個需求類似下圖 底部導航用fixed定位時在部分ios版本中會有問題 1.上滑是底部會跟著滑動,手指鬆開時才會又回到底部 2.軟鍵盤喚起的情況下,也會出現許多莫名其妙的問題 網上搜了下,ios確實對fixed相容不是很好 1 doctype html 2 html 3 head ...