2013-04-05 2 views
0

У меня есть мой сайт, как мне это нравится, перекрестный браузер, хотя у меня есть интервал между буквами в CSS, но в сафари он не понимает, что у меня есть, он разрушает дизайн - любой совет? Вот CSS:CSS-разделитель CSS SAFARI

body 
{ 
margin: auto; 
font-family: 'Lato'; 
letter-spacing:0.50px; 
font-size: 14px; 
color: #999; 
font-weight: normal; 
} 

Кажется, что это не дает. Он отлично работает в Mozilla Firefox

+4

не существует такой половины пикселя. – PlantTheIdea

+0

Насколько я знаю, такой вещи, как полупиксел, не существует. Я бы либо наложил это на 1 или 0. FF и Chrome могут исправить это автоматически при рендеринге. –

+0

Хотя фактические результаты часто округлены, могут игнорироваться и т. Д., Браузеры понимают значения пикселов с плавающей запятой. См. [Здесь] (http://stackoverflow.com/questions/15300163/how-do-browsers-deal-with-non-integer-values-for-height-and-width/15300264#15300264) и [здесь] (http://stackoverflow.com/questions/7811225/is-there-a-way-to-make-css-letter-spacing-0-5-px?rq=1). –

ответ

2

Webkit браузеры (Safari, Chrome) круглые, чем Gecko (Mozilla). Таким образом, используйте 1px вместо 0.5px, так как Webkit округляет до 0, а Mozilla округляется.

1

хром/Blink зафиксировала этот вопрос некоторое время назад, так что это должно работать на текущей стабильной версии: http://src.chromium.org/viewvc/blink?view=revision&revision=153727

Webkit просто исправили, так что вам придется немного подождать, чтобы он работал на сафари и другие WebKit основанные браузеры: http://trac.webkit.org/changeset/161521