Вычисленная ширина с десятичными значениями в Firefox, но без десятичных чисел в WebKit

У меня есть странная проблема при работе с HTML, CSS в различных браузерах: Firefox 3.6 и браузеры WebKit (Chrome & Safari).

Мой HTML похож на это:

<div class="ln-letters">
    <a href="#" class="all">ALL</a>
    <a href="#" class="a">A</a>
    <a href="#" class="b">B</a>
    <a href="#" class="c">C</a>
</div>

И мой CSS...

.ln-letters a { 
    font-family: 'Lucida Grande';
    font-size:14px;
    display:block;
    float:left;
    padding:0px 7px;
    border-left:1px solid silver;
    border-right:none;
    text-decoration:none;
}

Таким образом, как можно предположить, каждая привязка получает различную ширину в зависимости от своего внутреннего текста. Например, первый элемент с текстом 'ВСЕ' будут больше (больше ширины), чем другие.

Теперь проблема состоит в том, что в Firefox (использующий Firebug) я вижу, что вычисленная ширина для первого элемента составляет 26.5667 пкс, в то время как в Chrome (использующий инструменты разработчика Chrome) вычисленная ширина для того же элемента - точно 27 пкс.

Поэтому концы div.ln-букв с различными ширинами в каждом браузере и это вызывает меня некоторые проблемы.

Вопрос: существует какое-либо обходное решение для предотвращения Firefox, вычисляя десятичные значения? Или противоположное: вынудить Chrome вычислить десятичные значения?

Заранее спасибо!

6
задан jävi 3 April 2010 в 11:14
поделиться

1 ответ

Я думаю, что ответ на вопрос, выделенный жирным шрифтом, - «нет», и мне непонятно, в чем проблема. повторно действительно пытаюсь решить. Вы не можете ожидать, что все браузеры на всех платформах будут отображать вашу страницу одинаково (например, потому что разные платформы могут использовать разные шрифты для отображения вашей страницы). Если вы хотите, чтобы div имел фиксированную ширину, установите ее явно в CSS.

Некоторые ссылки по теме беспорядка с дробными пикселями:

3
ответ дан 17 December 2019 в 18:12
поделиться
Другие вопросы по тегам:

Похожие вопросы: