移動端常見問題

2022-03-25 11:28:49 字數 1295 閱讀 9437

1:ios下input為type=button屬性disabled設定true,會出現樣式文字和背景異常問題

解決方案:使用opacity=1來解決

2:對非可點選元素如(label,span)監聽click事件,部分ios版本下不會觸發

解決方案:css增加cursor:pointer就搞定了

3:移動端1px邊框

比如按鈕的box的class為btn

.btn:before

解決方案:self.webview.scrollview.decelerationrate = uiscrollviewdecelerationratenormal;對webview設定了更低的「減速率」

5:移動端click 300ms 延時響應

解決方案:使用 fastclick

window.addeventlistener( "load", function

() ,

false );

6:在安卓機上placeholder文字設定行高會偏上

解決方案:input有placeholder情況下不要設定行高

7:overflow:scroll,或者auto在ios上滑動卡頓的問題

解決方案:加入-webkit-overflow-scrolling:touch;

8:ios系統中元素被觸控時產生的半透明灰色遮罩怎麼去掉

ios使用者點選乙個鏈結,會出現乙個半透明灰色遮罩, 如果想要禁用,可設定-webkit-tap-highlight-color的alpha值為0,

也就是屬性值的最後一位設定為0就可以去除半透明灰色遮罩

解決方案:a,button,input,textarea

解決方案:.css

解決方案:

img解決方案:

document.oncontextmenu=function

(e)

12:觸發打**

解決辦法:

打**給:0755-10086

13:觸發發簡訊

解決辦法:

發簡訊給: 10086

14:開啟硬體加速

解決辦法:

.css

15:移動端a標籤設定target=_blank 不產生效果

瀏覽器阻止了元素的預設行為

解決辦法:呼叫元素的onclick事件,然後在裡面在跳轉,或者不使用target屬性

移動端常見問題

1 上下拉動滾動條時卡頓 慢 body 2 禁止複製 選中文字 element 解決移動裝置可選中頁面文字 視產品需要而定 3 長時間按住頁面出現閃退 element 4 iphone及ipad下輸入框缺省內陰影 5 ios和android下觸控元素時出現半透明灰色遮罩 6 active相容處理 7...

移動端常見問題

一.點選穿透 原因 1.touch事件300ms後,觸發click事件 2.混用touch和click會導致點透問題。解決思路 1.不要混用touch和click 2.阻止掉 touch之後的click。解決方案 1.tap後延遲350ms再隱藏mask 2.pointer events mask隱...

移動端常見問題

移動端的頁面多數情況下用百分比或者 查詢來設定頁面的寬高度 這樣會達到響應的效果 這裡解釋幾點 1.webkit tap highlight color rgba 0,0,0,0 也可以寫成 webkit tap highlight color transparent 去掉點選時高光顯示 你也可以更...