Я разрабатываю веб-страницу, которая использует разные размеры для разных абзацев, h... и так далее. Я использую em размеры: font-size: 2em;, в качестве примера. Но когда я меняю разрешение экрана на более низкое, я хочу, чтобы этот размер был меньшим.
Для этой цели я пробовал этот код:
<script>
if ( screen.width > 1600)
{
document.write('<style>#centered h1 { font-size: 2em; } </style>');
}
else if (screen.width <= 1600 && screen.width >= 1360)
{
document.write('<style>#centered h1 { font-size: 1.7em; } </style>');
}
else if (screen.width < 1360 && >= 1024)
{
document.write('<style>#centered h1 { font-size: 1.4em; } </style>');
}
else
{
document.write('<style>#centered h1 { font-size: 0.8em; } </style>');
}
</script>
Во-первых: он не работает...
Во-вторых: я думаю, что должен быть более чистый способ сделать это...
Итак, возникает вопрос: как использовать разные размеры для моих шрифтов или как их настроить для разных разрешений?
Может ли кто-нибудь помочь? Спасибо!