ios相容問題-transform
最近在弄乙個bug，公司在弄乙個閱讀器的軟體，在閱讀頁點選下面的導航目錄時，目錄能夠從左至右的方向緩慢出來，用的
transform: translate(255px, 0px) translatez(0px)； //目錄出現
transform: translate(0px, 0px) translatez(0px); //目錄隱藏
來進行目錄的顯示和隱藏。
在安卓手機能夠自由切換，並且頁面正常但是在蘋果手機上就不行。在蘋果手機上進行閱讀是點選目錄然後在進入閱讀頁，螢幕向右側滑動會出現白色空白且大小目錄一致，
然後我就覺得是目錄像響了閱讀頁，開始我認為是因為position定位的問題，原本是position：relative；後來我改成了absolute；空白是沒有了；但是引出了一系列的原本沒有的bug！！！
所以這個解決方法不行。方寸大亂.....
後來實在沒辦法了，我就改掉了$woread.transutil(".rb_all, .raad_box_ml", 0);這樣的切換寫法也就是上方的transform改成了
//目錄出現，閱讀頁的左邊left定位到目錄的右側位置
//目錄隱藏，閱讀頁的左邊left定位到螢幕左邊緣
$(".raad_box_ml").css("left","-255px"); //.raad_box_ml目錄的class，255px也為目錄的寬度
$(".rb_all").css("left","0px"); //.rb_all為整個閱讀頁（不包括目錄）的class
這樣寫 ios和android都能相容了。
這個問題困擾了我3天左右，我覺得的是transform在ios下有點不相容。也許是我想錯了，有知道的大神可以指出，虛心接受~~~
aylson.fu
出處：
ios應用螢幕相容問題
在 ipone 4s 以前，我們好像沒有過多的考慮螢幕相容的問題，因為iphone 智慧型的幫我們解決了，比如說 iphone iphone 3g iphone 3gs 為 320 480 iphone 4 iphone 4s 為 640 960 我們很多情況下就是提供乙個 xx 2x.png，如果...
混合開發中ios相容問題
1.z index無效，設定層級，發現再ios中無效，後來發現是設定了 設定這個屬性之後。層級設定失效 2.keyup事件的問題，ios自帶輸入法不觸發keyup事件導致vue雙向資料繫結錯誤 解決這個問題，就是吧keyup事件要觸發的內容搬到watch裡對，資料進行監測，如果有變化就會觸發事件 例...
iOS的移動端相容問題
1 定位問題 ios 2 寫背景圖時最好加上top left 或者0 0 不然寫運動效果時容易出現跳 3 防止手機中網頁放大和縮小 viewport content user scalable 0 5 自動識別 號碼 format detection ontent telephone no tele...