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