Да, спасибо. Я действительно пробовал сброс Мейера, но безуспешно.
естовое изображение показывает, насколько сильно Safari позиционирует текст внутри блока по сравнению с Firefox (Safari 5.0.5 и Firefox 5.0.1 для Mac OS X 10.6.7). Обратите внимание, как "S" дляsans-serif
в верхней части окна в Firefox, а не в Safari. Разница, кажется, варьируется в зависимости от используемого шрифта, где некоторые даже постоянно отображаются.
я прочеллюди говорят что это из-за вопросов округления междуfont-size
а такжеline-height
(и исправлено, установив меньшую высоту, чем размер), но я думаю, что это опровергается моим примером, когда sans-serif / helvetica в Firefox всегда выравнивает верхнюю часть окна.
Мне кажется, что Safari делает это более правильно, чем Firefox, то есть текст, как правило, больше в средней линии.
Есть ли хороший способ сделать их более последовательными? Моя цель - только совместимые со стандартами браузеры.
NB1: это не имеет ничего общего сvertical-align
.NB2: я исследоваланалогичная проблема в прошлом без полностью удовлетворительного результата.Мой тестовый код:http://jsbin.com/omaboc
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
body {
font-size: 50px;
line-height: 1em;
}
div {
background: #b5e260;
margin-bottom: 5px;
}
</style>
</head>
<body>
<div style="font-family: sans-serif">Some text @ this box</div>
<div style="font-family: serif">Some text @ this box</div>
<div style="font-family: arial">Some text @ this box</div>
<div style="font-family: helvetica">Some text @ this box</div>
<div style="font-family: courier">Some text @ this box</div>
<div style="font-family: georgia">Some text @ this box</div>
</body>
</html>