移動端問題總結

2022-03-06 19:19:06 字數 780 閱讀 6984

1. 有時,通過審查元素並不會發現html有問題,但就是在螢幕中左右晃動,無法解決,這時候,其實是存在子元素溢位來了,所以加大了寬度。

解決方法:給html或者是body新增overflow-x:hidden;這樣就可以成功解決問題,但是問題是一旦設定了body的overflow-x:hidden;這時瀏覽器就會出現bug,無法獲取其準確的offsetheight。對於display為none的元素同樣會有類似的問題,所以最好的解決方法是給html新增overflow:hidden。

2.flexible.js 有乙個問題就是在移動裝置為ipad 或者是 ipad pro時,其寬度不能正確的顯示, 同pc一樣,html的font-size為54px,pc當然可以這樣,但是我認為適應ipad和ipad pro還是必要的,所以我們可以在flexible.js修改原始碼(width>540部分)來解決此問題,但是這樣就不能用其cdn了,誒,不可兼得啊。

3.flexible.js 的字型推薦使用data-dpr為不同的值時設定相應的字型的形式,這樣做的好處是:在不同dpr的瀏覽器下,字型的大小都不會改變。而如果字型也使用rem布局,那麼當螢幕變大時,字型也會相應的變大,使用者體驗會很差,不推薦使用。

4.注意使用ajax時會有相應的延遲效應。 如func(); console.log(a); 其中a的值是通過func()得到的,而func()還需要使用呼叫ajax,這時,有極大的可能性是 a 得不到正確的值,因為在還沒執行完ajax請求時,就已經console.log(a)了,如果需要用a,我們可以在之後的一段時間裡再使用a。 

5. 卓邦軟體的主頁做的很炫酷。

移動端問題總結分享

穿透問題。問題 ios 和 android 手機上都會出現 當a 層蓋在b層上時,a層繫結touchend 或 touchstart 事件讓自己關閉,b層是個a 標籤元素,那麼使用者點選a層的時候,a層關閉 並且頁面會根據b層的 a 標籤的href進行跳轉。神奇的是,給b層加上 e.preventd...

移動端個人問題總結

移動端ios與android的一些相容問題 1.1關於滾動 為了使ios的滾動更流暢,webkit overflow scrolling touch scrollcontainer 1.2 關於 ios上input預設樣式問題 上邊框陰影與圓角 input 1.3 更改表單輸入框placeholde...

移動端問題

最近的移動端開發中發現標籤在安卓手機和chrome瀏覽器上只可以輸入數字,輸入非數字字元不會顯示,但在iphone上可以輸入非數字字元,在輸入框中可以顯示出來,但提交表單的時候是空的,也不會有任何提示,這就造成如果這項是非必填項的話,使用者會覺得漏掉了自己提交的資訊 他可能沒意識到自己填寫錯誤了 這...