Когда я включил запись Doctype в свой HTML, шрифты становятся отображаемыми меньшим по размеру и выравниванием искаженным. Я включил doctype, чтобы избежать некоторых стилей CSS, которые не отображаются должным образом.
Doctype, который я использовал,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
Pls предлагает мне предложение избежать изменения размера шрифта и его выравнивания.
Убедитесь, что вы положили px после размера шрифта:
Размер шрифта: 24px;
У меня была такая же проблема, и это сработало для меня.
Исправьте меня, если я ошибаюсь, но я предполагаю, что это из-за строгого типа doctype. Таким образом, подробности ожидаются.
Когда вы используете строку doctype
которая запускает "режим стандартов", как указано в вопросе, вы получаете все функции "стандартного режима", которые браузер имеет (они зависят от браузера). Обычно это включает обработку размеров шрифтов спецификациями CSS, а не имитацию ошибок более старого браузера с помощью функций режима quirks.
Таким образом, решение заключается в использовании HTML и CSS по спецификациям. Для получения более подробных рекомендаций конкретная проблема должна быть идентифицирована воспроизводимым образом. Возможные проблемы: в режиме quirks ключевые слова шрифта, такие как medium
могут быть интерпретированы неправильно; размер шрифта в процентах для ячейки таблицы может быть неверно истолкован как относящийся к размеру шрифта браузеров по умолчанию (вместо размера шрифта родительских элементов); и свойства шрифта могут не наследоваться от body
или других закрывающих элементов в таблицах. Поэтому, вероятно, ваша страница теперь использует некоторые из этих ошибок.
Более длинный doctype предпочтителен, потому что он помещает браузеры в режим стандартов (режим AKA Strict), в то время как короткая версия или вообще никакой doctype не дает вам режим Quirks. И это причина разницы в размерах.
Итак, в основном вы пробовали метод HTML5?
<!doctype html>
Может быть, это изменит ситуацию
Попробуйте прочитать приведенные выше ссылки. Может быть, вы найдете что-то полезное.
http://www.htmlgoodies.com/html5/markup/the-doctype-tag-and-its-effect-on-page-rendering.html