У меня возникла проблема с веб-сайтом, над которым я работаю, и я не могу найти какое-либо решение. Проблема, с которой я столкнулся, связана с верхним меню сайта: хотя оно выглядит нормально в большинстве браузеров, есть несколько из них, где меню «ломается», добавляя дополнительную строку с последним элементом.
Я исследовал, что может быть причиной этого, и проблема, похоже, заключается в том, как браузеры обрабатывают интервалы между буквами. Некоторые браузеры, особенно мобильные, похоже, добавляют дополнительный пиксель между символами, из-за чего содержимое заголовка не помещается в его пространство. Это происходит даже тогда, когда межбуквенный интервал установлен равным нулю для всего сайта: некоторые браузеры, кажется, просто добавляют дополнительный пробел, поэтому то, что большинство браузеров использует как ноль, будет для них -1.
Я в отчаянии, когда дело доходит до исправления этого, и я не могу придумать ничего, кроме использования изображения для верхнего меню, что, конечно, ужасная идея. Поэтому я хотел бы спросить, сталкивался ли кто-нибудь еще с такой проблемой, и знает ли кто-нибудь, как сделать так, чтобы расстояние между символами было фактически стандартизировано в браузерах.
Речь идет об этом веб-сайте:
Вы можете увидеть проблему, используя хром регулярно (он будет выглядеть нормально), а затем с помощью инструментов разработчика хрома отобразить сайт как Android 4.0.2 - Galaxy Nexus. Проблема, похоже, возникает в нескольких (в основном мобильных) браузерах, и, хотя я знаю, что код сайта не был точно закодирован, чтобы выглядеть идеально в мобильных браузерах, это единственная проблема, которая ломает игру, которая у нас есть в настоящее время.
Заранее спасибо.
font-family
? - person mdesdev   schedule 23.09.2013