Разная форма иконок

I.Bystrika

9 февраля 2022, 10:36

Загрузил на два сайта квадратные иконки "Поделиться". На двух разных компьютерах они квадратные. На двух разных телефонах (iOS и Android) они круглые. При этом сайт адаптативности показывает, что они везде квадратные.. Кто в курсе, как решить эту проблему? Мой сайт: https://bystrika.com/

2 комментария

Авторизуйтесь, чтобы оставить комментарий

Сергей Тощилин

Сотрудник Яндекса9 февраля 2022, 10:43

Добрый день!

Адаптация под мобильные устройства была добавлена на несколько лет позже, чем сделан сам блок, поэтому для сохранения обратной совместимости при использовании блока с настройками по умолчанию на мобильных устройствах рисуются круглые иконки, а на ПК — квадратные со скруглёнными углами

Чтобы везде рисовались квадратные — необходимо убрать атрибут data-curtain
Чтобы везде рисовались круглые — необходимо значение атрибута data-shape изменить с normal на round

На официальной странице есть визуальный конструктор, который позволит собрать для вас одну из популярных комбинаций параметров; там же ее можно проверить на мобилках и десктопах перед тем, как добавлять к себе

I.Bystrika

9 февраля 2022, 13:21

Сергей Тощилин,

Спасибо, интересное решение)