Одно правило CSS, которое я узнал, заключается в том, что вместо абсолютного "pt" вы должны использовать относительную "em" размер шрифта. Общая идея состоит в том, чтобы установить размер шрифта в теге тела, например. "94%", а затем установите все остальные элементы с размером "em" , как это. Обоснование:
- вы можете изменить относительный размер всех размеров шрифта на вашем сайте, изменив размер шрифта тела в одну точку.
- сами пользователи могут изменять размер шрифтов, так как они определены в "em"
Однако при использовании "em" вместо "pt" я постоянно сталкиваюсь с такими проблемами, как следующий элемент, когда элемент с размером шрифта внедряется в другой элемент с размером шрифта и, таким образом, становится крошечным (в случае ниже один словарное слово -.8 из .8, а другое -.8 из 1.2).
<html>
<head>
<style type="text/css">
body {
font-size: 94%;
}
p {
font-size: .8em;
}
li {
font-size: 1.2em;
}
.vocabulary {
font-size: .8em;
}
</style>
</head>
<body>
<p>This is an <span class="vocabulary">egregious</span> test.</p>
<ul>
<li>This is in a <span class="vocabulary">superb</span> list.</li>
</ul>
</body>
</html>
Конечно, на очень простых, прямолинейных HTML-сайтах это не проблема, но в реальном мире с импортированными таблицами стилей, которые, возможно, вы даже не делали, и с динамическими сайтами, где элементы управления встроены в другие элементы управления, все из которых выводят HTML с возможно встроенным стилем, я считаю, что сайты с размерами шрифтов "em" иногда невозможно поддерживать, а способ получить размер шрифта под управлением - просто преобразовать все в жесткие "px".
Кроме того, я просто проверил четыре основных браузера, и каждый из них имеет горячие клавиши, которые увеличивают и уменьшают размер шрифтов "pt".
Итак, вот мои вопросы:
- Есть ли какая-то реальная причина, почему я должен использовать "em" вместо "pt"?
- Есть ли смысл использовать размеры "em" , чтобы я не сталкивался с проблемой встроенного размера шрифта выше?