我在一個網站上工作:mariekevancamp.com,這是使用wordpress的主題。主頁由多個方塊組成。要打開一個項目,你需要點擊瓷磚。這適用于android設備。然而,在iOS上,你需要雙擊打開項目,這不是我想要的。顯然,這不是一個bug,而是一種實現,當你在一個可見或顯示的鏈接上有懸停效果時,這種實現應該在iOS上發生。有沒有辦法只用wordpress CSS編輯器來解決這個問題?我喜歡懸停效果,但我想在一次點擊后立即轉到該項目的頁面。如果在iOS中無法做到這一點,有沒有辦法通過在CSS編輯器(附加CSS)中添加一些代碼來去除懸停效果?
添加此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;}
}
在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');