Блог

Главная - Вопросы по программированию - Fancybox в браузере Android

Fancybox в браузере Android

#android #fancybox #tablet #mobile-website

#Android #fancybox #планшет #мобильный-веб-сайт

Вопрос:

У меня есть мобильный сайт с всплывающими окнами fancybox
, у меня проблемы с кнопкой закрытия:

 <a title="Close" class="fancybox-item fancybox-close" href="javascript:void(0);" id="fancyboxCloseButton"><i class="icon-remove"></i></a>

На планшете Nexus 7 с Android 4.4.4 я вижу кнопку закрытия (X) зеленого цвета:

 .fancybox-close {
position: absolute;
top: .5%;
right: 2%;
display: block;
cursor: pointer;
z-index: 8040;
background: none!important;
font-size: 150%;
color: #afd732!important;
text-decoration: none;
}

Но на планшете Samsung с Android 3.1 я вижу зеленый голографический квадрат.

Поскольку невозможно отладить браузер Android 3.1.
Есть идеи, что это может быть?

Комментарии:

1. попробуйте установить некоторые width и height (которые рекомендуется использовать для элементов с абсолютным расположением)

Ответ №1:

Это была проблема со шрифтом. Android нет Браузер Chrome не поддерживает .woff шрифт.
Я добавил svg шрифт, и это решило проблему.
fancybox Отлично работает в браузере Android.