如何修复WordPress中iOS上的双击悬停问题

wtzytmuj  于 2023-05-16  发布在  WordPress
关注(0)|答案(2)|浏览(188)

我在一个网站上工作:mariekevancamp.com,它使用WordPress主题espied。主页面由多个正方形瓷砖组成。要打开一个项目,您需要点击瓷砖。这适用于Android设备。然而在iOS上你需要双击才能打开项目,这不是我想要的。显然,这不是一个bug,而是一种实现,当您在具有可见性或显示的链接上具有悬停效果时,应该会在iOS上发生。有没有什么方法可以用WordPress的CSS编辑器来解决这个问题?我喜欢的悬停效果,但我想立即去项目的页面后,一次点击。如果这在iOS中是不可能的,有没有一种方法可以通过在CSS编辑器中添加一些代码(额外的CSS)来删除悬停效果?

deikduxw

deikduxw1#

添加此CSS:

@supports (-webkit-touch-callout: none) {
   /* CSS specific to iOS devices */ 
    .js .page-template-page-templatesportfolio-page-php .jetpack-portfolio .image-link {display:block !important;}
    .js .page-template-page-templatesportfolio-page-php .jetpack-portfolio .view-link {opacity: 1 !important;}
    .js .page-template-page-templatesportfolio-page-php .jetpack-portfolio .post-thumbnail-wrapper {background-color: #007cad !important;}
}
ajsxfq5m

ajsxfq5m2#

functions.php中添加以下代码:

function fix_ios_double_tap_issue() {
  echo '<script>document.addEventListener("touchstart", function() {},false);</script>';
}

add_action('wp_head', 'fix_ios_double_tap_issue');

相关问题