Unicode круги с разным размером на IOS Chrome - PullRequest
0 голосов
/ 17 июня 2019

Я использую черно-белый круг в своем проекте, когда заметил, что в ios chrome белый круг больше черного круга.

● - U + 25CF ○ - U + 25CB

В окружении рабочего стола круги кажутся одинакового размера, но немного различаются по высоте.Разница не заметна.

Я пытаюсь сделать эти круги одинакового размера на ios chrome.

Мне кажется, что я исключил все переменные и что браузер отвечает за разные размерыиз этих кругов.

фото

1 Ответ

0 голосов
/ 17 июня 2019

На самом деле, что касается юникода, все символы зависят от шрифта. Когда определенный символ недоступен, он выбирается из резервного шрифта.

Если вы не настроили пользовательский шрифт или если эти символы недоступны в выбранном вами шрифте, то круги разного размера имеют шрифт по умолчанию, используемый chrome / ios.

Итак, у вас есть два пути: либо найти шрифт, в котором символы нарисованы так, как вам удобно, и заставить его, либо отказаться от использования символов Юникод для этих символов и использовать вместо них встроенные изображения.

Вы можете использовать рисунки SVG, которые могут быть закодированы в самой разметке HTML, что обеспечит непротиворечивый вид.

...