1.問題：在iPhone設(shè)備上點(diǎn)擊時會出現(xiàn)一個半透明的灰色背景。

解決辦法：

html,body{-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

　　

-webkit-tap-highlight-color 是 css3 的新屬性，這個屬性只用于 IOS(iPhone和iPad)。當(dāng)你點(diǎn)擊一個鏈接或通過 Javascript 定義的可點(diǎn)擊元素的時候，它就會出現(xiàn)一個半透明的灰色背景。你可以設(shè)置 -webkit-tap-highlight-color 為任何顏色，想要禁用這個背景，設(shè)置顏色的透明度設(shè)置為0。

? 2.禁止ios長按復(fù)制粘貼功能

/*設(shè)置IOS頁面長按不可復(fù)制粘貼，但是IOS上出現(xiàn)input、textarea不能輸入，因此將使用-webkit-user-select:auto;*/*{-webkit-touch-callout:none; /*系統(tǒng)默認(rèn)菜單被禁用*/-webkit-user-select:none; /*webkit瀏覽器*/-khtml-user-select:none; /*早期瀏覽器*/-moz-user-select:none;/*火狐*/-ms-user-select:none; /*IE10*/user-select:none; } input,textarea {-webkit-user-select:auto; /*webkit瀏覽器*/margin: 0px;padding: 0px;outline: none; }

3.如果再touchstart事件中加入了alert（）事件則會阻止touchmove和touchend事件。

?4.取消手機(jī)端頁面長按圖片出現(xiàn)保存或者圖片被打開的方法

在移動端，長按移動端頁面圖片會出現(xiàn)收藏或保存圖片提醒，還有微信手機(jī)端頁面會出現(xiàn)打開圖片的情況，下面說一下如何取消這種情況?？梢允褂胋ackground-image代替img標(biāo)簽，但是這樣適應(yīng)性不好。還可以給img標(biāo)簽添加pointer-events:none屬性來阻止這種彈出框。1.使用 pointer-events:none給 img 標(biāo)簽加樣式：img{pointer-events:none}親測有效，適用于微信客戶端的手機(jī)頁面，圖片被打開的情況2.加全局樣式*{-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

　　

?

?

轉(zhuǎn)載于:https://www.cnblogs.com/BlingSun/p/9378256.html

總結(jié)

以上是生活随笔為你收集整理的移动端的小问题整理的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。