摘要：兼容问题查询，显示和都完美支持这个属性，发现问题下，父元素点击穿透，子元素让子元素的点击事件生效结果浏览器一切正常，下却又点击时灵时不灵的诡异。点击事件可以用的原生的，里面设置禁止缩放，解决点击延迟问题。
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.
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/102785.html
摘要：兼容问题查询，显示和都完美支持这个属性，发现问题下，父元素点击穿透，子元素让子元素的点击事件生效结果浏览器一切正常，下却又点击时灵时不灵的诡异。点击事件可以用的原生的，里面设置禁止缩放，解决点击延迟问题。 pointer-events兼容问题 canIuse 查询，显示ios和android都完美支持这个css属性，发现问题： ios下，父元素pointer-events:none;点...
摘要：浏览器兼容问题四行内属性标签，设置后采用布局，又有横行的的情况，间距问题症状里的间距比超过设置的间距碰到几率解决方案在后面加入备注行内属性标签，为了设置宽高，我们需要设置除了标签比较特殊。 (1)浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。碰到频率:100%解决方案：CSS里 *...
摘要：浏览器兼容问题四行内属性标签，设置后采用布局，又有横行的的情况，间距问题症状里的间距比超过设置的间距碰到几率解决方案在后面加入备注行内属性标签，为了设置宽高，我们需要设置除了标签比较特殊。 (1)浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。碰到频率:100%解决方案：CSS里 *...
摘要：浏览器兼容问题四行内属性标签，设置后采用布局，又有横行的的情况，间距问题症状里的间距比超过设置的间距碰到几率解决方案在后面加入备注行内属性标签，为了设置宽高，我们需要设置除了标签比较特殊。 (1)浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。碰到频率:100%解决方案：CSS里 *...
摘要：对浏览器兼容问题，一般分，，兼容，兼容。特别是增加了许多新标签，低版本浏览器会存在不兼容的情况。出现这个问题的原因是之前的浏览器都会给标签一个最小默认的行高的高度。 **我所说的兼容性问题，主要是说IE与几个主流浏览器如firefox，google等。而对IE浏览器来说，IE7又是个跨度，因为之前的版本更新甚慢，bug甚多。从IE8开始，IE浏览器渐渐遵循标准，到IE9后由于大家都一致...
阅读 1099·2023-04-26 03:05
阅读 580·2021-10-19 11:43
阅读 2774·2021-09-26 09:55
阅读 597·2019-08-30 15:56
阅读 821·2019-08-30 15:44
阅读 1028·2019-08-30 15:44
阅读 2554·2019-08-30 14:23
阅读 3106·2019-08-30 13:13
