webkit просто обрезает десятичные дроби в числах css ... как обойти это?

Question

когда я использую числа с десятичной дробью в моих спецификациях CSS, как это:

#UploadWrapper.OneRow #UploadList #UploadUl li div.imageDiv, #UploadWrapper.TwoRows #UploadList #UploadUl li div.imageDiv{
    width: 58.8px;
    height: 44px;
}

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

Браузеры Webkit просто принимают целое число (58) ...

Как я могу:

1. Force the Webkit browser to behave like FF?  ... or ...
2. Sepecify an other width, that only takes effect in webkit browsers? I already tried
   -webkit-width: but it didn't work ...

Спасибо залюбой совет!

Answer 1

Я не думаю, что вы можете сделать это элегантно. Как правило, лучше всего рассматривать пиксели как атомарные единицы, которые нельзя разделить.

Решения:

1. Найдите другой способ позиционирования ваших элементов. т. е. использовать проценты или сделать последний столбец на 1 пиксель короче (или что бы то ни было, чтобы ваш дизайн разрешал использовать целые числа)
2. Используйте сниффинг браузера JS, чтобы добавить класс "webkit" или аналогичный элементу body, а затем используйте его для применения различных правил стиля.

Я бы посоветовал не использовать второе решение, поскольку оно, вероятно, излишне сложное.