Высота строки FireFox 3
Выпуск: blockquote> Как написано в официальной документации, отправить два параметра невозможно, хотя один из них - form.
Решение:
Отправьте его внутри формы в качестве ввода.
Как написано в официальной документации, отправить два параметра невозможно, хотя один из них - form.
Решение:
Отправьте его внутри формы в качестве ввода.
3 ответа
Вычисленное значение line-height: normal варьируется между платформами, браузеры (и различные версии того же браузера, как Вы заявляете), шрифты и даже различные размеры того же шрифта (см. статью Eric Meyer).
Устанавливание безразмерного значения такой как...
body {line-height: 1.2;}
... должен работать для нормализации интервала между браузерами. Если это не работает, можно ли предоставить более подробное описание таблицы стилей?
Это твердо (невозможный?) для получения "идеальных для пикселя" результатов, но для получения результатов, которые максимально предсказуемы, я пытаюсь использовать высоту строки, которая производит хорошее круглое значение при умножении на размером шрифта. Мы не можем знать, что размер стандартного шрифта агента пользователя, но 16 пикселей несколько распространен.
body
{
font-size: 100%;
line-height: 1.5;
}
Если стартовый размер шрифта агента пользователя - действительно 16 пикселей затем высота строки 1.5 выходит к хорошему, даже 24 пикселя. Пользователи могут и действительно изменять размер стандартного шрифта или масштабирование страницы, тем не менее, и различные браузеры имеют различные методы масштабирования страницы. Тем не менее, я думаю, что имел разумный успех для большинства пользователей. Если я не могу заставить высоту строки выйти точно, то я стреляю для немного выше целого числа, а не немного ниже, потому что некоторые браузеры, кажется, усекают значения, а не вокруг них.
Кроме того, обратите внимание, что при использовании процента для высоты строки это ведет себя по-другому, когда значение наследовано.
body
{
font-size: 100%;
line-height: 150%;
}
p
{
font-size: 75%;
}
Начиная с основного размера шрифта 16 пикселей, высота строки составит 24 пикселя. В a <p> элемент размер шрифта становится 12 пикселями, но высота строки не становится 18 пикселями, скорее это остается 24 пикселями. Вот в чем разница между line-height: 1.5 и line-height: 150%. Когда body {line-height: 1.5;} используется, высота строки для <p> 18 пикселей.
Необходимо всегда "сбрасывать" стили для устранения всех несоответствий браузера со стилями элемента.
Мне нравится Сброс CSS Eric Meyer. Yahoo имеет тот также.
, что вы абсолютно ничего не можете сделать. Каждый браузер имеет свой способ рендеринга CSS и содержимого. Вы можете использовать «главный» сброс (как предлагает Cowgod), но даже тогда это не в конечном итоге будет исправить проблемы выравнивания. Они там из-за фактического рендеринга двигателя. Apple CSS на ваш существующий веб-сайт и тестирует его. Скажите, если он сделает пиксель идеально по доске. Это не будет.
Единственный способ на самом деле достичь совершенства пикселя - это реализовать определенные CSS для конкретных браузеров. Mozilla имеет @ - MOZ-DOC , то есть имеет свои хаки, но ничто из них не являются частью спецификации W3C, и все мы все знаем, что стандарты важны. Так что не большая часть варианта.
Как сказал Дэвид выше, это сложно. Я склонен думать невозможным на самом деле. И я потратил часы, пытаясь, поверь мне! Почти пошел с ума больше раз, чем я забочусь, чтобы рассчитывать. Это жесткая таблетка, чтобы проглотить, но вокруг него нет, если все не так, если все не использовали один и тот же двигатель просмотра (который бы фактически привел бы интернет большой скачок вперед). Я имею в виду, было бы не так, чтобы пощечить любой интерфейс, который вы хотите на вашем браузере, пока вы плагин [Gecko] [WebKit] [Presto] [Trident] [что угодно], чтобы обращаться с бэкэндами ... с хорошего Те, что все являются открытым исходным кодом, вы можете объединить проекты и действительно идут. Люди должны научиться играть в приятно вместе;)