成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

point-events兼容問(wèn)題

jeffrey_up / 1579人閱讀

摘要:兼容問(wèn)題查詢(xún),顯示和都完美支持這個(gè)屬性,發(fā)現(xiàn)問(wèn)題下,父元素點(diǎn)擊穿透,子元素讓子元素的點(diǎn)擊事件生效結(jié)果瀏覽器一切正常,下卻又點(diǎn)擊時(shí)靈時(shí)不靈的詭異。點(diǎn)擊事件可以用的原生的,里面設(shè)置禁止縮放,解決點(diǎn)擊延遲問(wèn)題。

pointer-events兼容問(wèn)題

canIuse 查詢(xún),顯示ios和android都完美支持這個(gè)css屬性,
發(fā)現(xiàn)問(wèn)題:
ios下,父元素pointer-events:none;點(diǎn)擊穿透,
子元素 pointer-events:auto;//讓子元素的點(diǎn)擊事件生效

結(jié)果:android瀏覽器一切正常,ios下卻又點(diǎn)擊時(shí)靈時(shí)不靈的詭異bug。

(自己排查和position,scroll,background:tranparent都沒(méi)有關(guān)系,確實(shí)是有時(shí)候可以點(diǎn)擊,有時(shí)候怎么點(diǎn)都不能用,ios9,iphone8)

最后只好放棄pointer-events。

點(diǎn)擊事件可以用的原生的click,meta里面設(shè)置usescalable=no禁止縮放,解決click點(diǎn)擊延遲問(wèn)題。或者fastclick.js.

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/102785.html

相關(guān)文章

  • 轉(zhuǎn)載:瀏覽器常見(jiàn)兼容問(wèn)題以及解決辦法

    摘要:瀏覽器兼容問(wèn)題四行內(nèi)屬性標(biāo)簽,設(shè)置后采用布局,又有橫行的的情況,間距問(wèn)題癥狀里的間距比超過(guò)設(shè)置的間距碰到幾率解決方案在后面加入備注行內(nèi)屬性標(biāo)簽,為了設(shè)置寬高,我們需要設(shè)置除了標(biāo)簽比較特殊。 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)丁和內(nèi)補(bǔ)丁不同問(wèn)題癥狀:隨便寫(xiě)幾個(gè)標(biāo)簽,不加樣式控制的情況下,各自的margin 和padding差異較大。碰到頻率:100%解決方案:CSS里 *...

    AaronYuan 評(píng)論0 收藏0
  • 轉(zhuǎn)載:瀏覽器常見(jiàn)兼容問(wèn)題以及解決辦法

    摘要:瀏覽器兼容問(wèn)題四行內(nèi)屬性標(biāo)簽,設(shè)置后采用布局,又有橫行的的情況,間距問(wèn)題癥狀里的間距比超過(guò)設(shè)置的間距碰到幾率解決方案在后面加入備注行內(nèi)屬性標(biāo)簽,為了設(shè)置寬高,我們需要設(shè)置除了標(biāo)簽比較特殊。 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)丁和內(nèi)補(bǔ)丁不同問(wèn)題癥狀:隨便寫(xiě)幾個(gè)標(biāo)簽,不加樣式控制的情況下,各自的margin 和padding差異較大。碰到頻率:100%解決方案:CSS里 *...

    aboutU 評(píng)論0 收藏0
  • 轉(zhuǎn)載:瀏覽器常見(jiàn)兼容問(wèn)題以及解決辦法

    摘要:瀏覽器兼容問(wèn)題四行內(nèi)屬性標(biāo)簽,設(shè)置后采用布局,又有橫行的的情況,間距問(wèn)題癥狀里的間距比超過(guò)設(shè)置的間距碰到幾率解決方案在后面加入備注行內(nèi)屬性標(biāo)簽,為了設(shè)置寬高,我們需要設(shè)置除了標(biāo)簽比較特殊。 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)丁和內(nèi)補(bǔ)丁不同問(wèn)題癥狀:隨便寫(xiě)幾個(gè)標(biāo)簽,不加樣式控制的情況下,各自的margin 和padding差異較大。碰到頻率:100%解決方案:CSS里 *...

    617035918 評(píng)論0 收藏0
  • 瀏覽器兼容(CSS部分)

    摘要:對(duì)瀏覽器兼容問(wèn)題,一般分,,兼容,兼容。特別是增加了許多新標(biāo)簽,低版本瀏覽器會(huì)存在不兼容的情況。出現(xiàn)這個(gè)問(wèn)題的原因是之前的瀏覽器都會(huì)給標(biāo)簽一個(gè)最小默認(rèn)的行高的高度。 **我所說(shuō)的兼容性問(wèn)題,主要是說(shuō)IE與幾個(gè)主流瀏覽器如firefox,google等。而對(duì)IE瀏覽器來(lái)說(shuō),IE7又是個(gè)跨度,因?yàn)橹暗陌姹靖律趼?,bug甚多。從IE8開(kāi)始,IE瀏覽器漸漸遵循標(biāo)準(zhǔn),到IE9后由于大家都一致...

    gityuan 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<