Текст в 10 пикселей - это 10 пикселей, независимо от того, какое у вас разрешение, в этом весь смысл. И вряд ли сейчас есть хоть один компьютер с разрешением менее 1280xXXX. Пиксельные шрифты дают наиболее последовательный вид imo.
етил, что браузеры Web-kit, такие как Chrome и Safari (Windows), имеют тенденцию округлять значения em до ближайшего пикселя, в то время как Firefox, IE,? Опера? можно использовать субпиксельные значения. Обычно это не большая проблема, но когда я использую em для точного выравнивания межбуквенного интервала или использую тени текста для постоянного эффекта в разных разрешениях клиента, это вызывает у меня головную боль. Посмотрите в следующем тестовом примере.
Вы увидите, что в FF даже самые маленькие буквы по-прежнему имеют тень, а Chrome округляет значение em до нуля, а первые два абзаца не имеют тени.
РЕДАКТИРОВАТЬ Это не о единицах. Если заменить 0.03em на 0.9, 0.8, 0.7 ..ПВ FF будет отображать все меньшую и меньшую тень, а когда Chrome опускается ниже 1px, он внезапно ничего не отображает.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="bg" xml:lang="bg" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">body {font-size: 18px;} p {color: cyan; text-shadow: -0.03em -0.03em 0 rgb(0, 0, 0);}</style>
</head>
<body>
<p style="font-size:1em">No Shadow Test</p>
<p style="font-size:1.5em">No Shadow Test</p>
<p style="font-size:2em">Test</p>
<p style="font-size:2.5em">Test</p>
<p style="font-size:3em">Test</p>
<p style="font-size:3.5em">Test</p>
<p style="font-size:4em">Test</p>
<p style="font-size:4.5em">Test</p>
<p style="font-size:5em">Test</p>
</body>
</html>