使用iCheck - 手機有一個很小的點擊區域

所以，我使用iCheck創建美麗的單選按鈕，但問題是它們在桌面上運行良好，但是在移動設備上運行時，單選按鈕的clickbox像1px ，1px意思是我必須點擊左上角的角落才能註冊點擊。使用iCheck - 手機有一個很小的點擊區域

這是我原來的html：

<input class="doneckr" type="radio" name="donep2" value="didn">

這是輸入如何呈現給I檢查處理後：

<div class="iradio_square-red" style="position: relative;"> 
    <input class="doneckr" type="radio" name="donep2" value="didn" style="position: absolute; visibility: hidden;"> 
    <ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 44px; height: 44px; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins> 
</div>

這是我使用初始化I檢查處理器的代碼：

$(document).ready(function(){ 
    $('.doneck').iCheck({ 
     checkboxClass: 'icheckbox_square-green', 
     radioClass: 'iradio_square-green' 
    }) 

    $('.doneckr').iCheck({ 
     checkboxClass: 'icheckbox_square-red', 
     radioClass: 'iradio_square-red' 
    }) 

    $('.donecke').iCheck({ 
     checkboxClass: 'icheckbox_square-orange', 
     radioClass: 'iradio_square-orange' 
    }) 
})

來源

2015-09-07 Incinirate

44x44px對手指很小。在更大的背景下看看here。你應該把它做大。它是內聯CSS，我假設它直接來自你的插件，這意味着你將不得不找到代碼（也許它是一個變量）。

此外，請確保您以高分辨率（視網膜）設備上正確顯示包括

<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<meta name="viewport" content="width=device-width, initial-scale=1">

在頭（example here）。他們有很多像素的，所以要潔具。

來源

2015-09-07 20:51:11 Alex

使用iCheck - 手機有一個很小的點擊區域

回答

相關問題