摘要:兼容問題查詢,顯示和都完美支持這個屬性,發(fā)現(xiàn)問題下,父元素點擊穿透,子元素讓子元素的點擊事件生效結(jié)果瀏覽器一切正常,下卻又點擊時靈時不靈的詭異。點擊事件可以用的原生的,里面設(shè)置禁止縮放,解決點擊延遲問題。
pointer-events兼容問題
canIuse 查詢,顯示ios和android都完美支持這個css屬性,
發(fā)現(xiàn)問題:
ios下,父元素pointer-events:none;點擊穿透,
子元素 pointer-events:auto;//讓子元素的點擊事件生效
結(jié)果:android瀏覽器一切正常,ios下卻又點擊時靈時不靈的詭異bug。
(自己排查和position,scroll,background:tranparent都沒有關(guān)系,確實是有時候可以點擊,有時候怎么點都不能用,ios9,iphone8)
最后只好放棄pointer-events。
點擊事件可以用的原生的click,meta里面設(shè)置usescalable=no禁止縮放,解決click點擊延遲問題。或者fastclick.js.
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/102785.html
摘要:瀏覽器兼容問題四行內(nèi)屬性標(biāo)簽,設(shè)置后采用布局,又有橫行的的情況,間距問題癥狀里的間距比超過設(shè)置的間距碰到幾率解決方案在后面加入備注行內(nèi)屬性標(biāo)簽,為了設(shè)置寬高,我們需要設(shè)置除了標(biāo)簽比較特殊。 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J的外補丁和內(nèi)補丁不同問題癥狀:隨便寫幾個標(biāo)簽,不加樣式控制的情況下,各自的margin 和padding差異較大。碰到頻率:100%解決方案:CSS里 *...
摘要:瀏覽器兼容問題四行內(nèi)屬性標(biāo)簽,設(shè)置后采用布局,又有橫行的的情況,間距問題癥狀里的間距比超過設(shè)置的間距碰到幾率解決方案在后面加入備注行內(nèi)屬性標(biāo)簽,為了設(shè)置寬高,我們需要設(shè)置除了標(biāo)簽比較特殊。 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J的外補丁和內(nèi)補丁不同問題癥狀:隨便寫幾個標(biāo)簽,不加樣式控制的情況下,各自的margin 和padding差異較大。碰到頻率:100%解決方案:CSS里 *...
摘要:瀏覽器兼容問題四行內(nèi)屬性標(biāo)簽,設(shè)置后采用布局,又有橫行的的情況,間距問題癥狀里的間距比超過設(shè)置的間距碰到幾率解決方案在后面加入備注行內(nèi)屬性標(biāo)簽,為了設(shè)置寬高,我們需要設(shè)置除了標(biāo)簽比較特殊。 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J的外補丁和內(nèi)補丁不同問題癥狀:隨便寫幾個標(biāo)簽,不加樣式控制的情況下,各自的margin 和padding差異較大。碰到頻率:100%解決方案:CSS里 *...
摘要:對瀏覽器兼容問題,一般分,,兼容,兼容。特別是增加了許多新標(biāo)簽,低版本瀏覽器會存在不兼容的情況。出現(xiàn)這個問題的原因是之前的瀏覽器都會給標(biāo)簽一個最小默認的行高的高度。 **我所說的兼容性問題,主要是說IE與幾個主流瀏覽器如firefox,google等。而對IE瀏覽器來說,IE7又是個跨度,因為之前的版本更新甚慢,bug甚多。從IE8開始,IE瀏覽器漸漸遵循標(biāo)準,到IE9后由于大家都一致...
閱讀 1311·2023-04-26 03:05
閱讀 761·2021-10-19 11:43
閱讀 3206·2021-09-26 09:55
閱讀 826·2019-08-30 15:56
閱讀 979·2019-08-30 15:44
閱讀 1228·2019-08-30 15:44
閱讀 2717·2019-08-30 14:23
閱讀 3233·2019-08-30 13:13