javascript - iCheck 复选框无法在移动设备上使用

Question

您好 a login site .

它在浏览器上运行良好。但是，当我在手机上看到它时，它没有显示该复选框。

这是 iCheck 复选框的脚本。如果我删除它，它会在移动设备上显示原始复选框。

$(function () {
        $('input').iCheck({
            checkboxClass: 'icheckbox_square-blue',
            radioClass: 'iradio_square-blue',
            increaseArea: '20%' // optional
        });
    });

可以请您看一下吗？谢谢，

Answer 1

用于视网膜支持的 css 文件 (blue.css) 存在错误。背景图像链接已损坏。

background-image: url(blue.png);

应该在blue.css中正确

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_square-blue,
    .iradio_square-blue {
        background-image: url(blue.png);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}