Zmień rozmiar czcionki w zależności od rozdzielczości
Tworzę stronę internetową, która używa różnych rozmiarów dla różnych akapitów, h ... i tak dalej. używamem rozmiary:rozmiar czcionki: 2em;, jako przykład. Ale kiedy zmieniam rozdzielczość ekranu na niższą, chcę, aby ten rozmiar był mniejszy.
W tym celu wypróbowałem ten kod:
<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>
Po pierwsze: to nie działa ...
Po drugie: myślę, że powinien być bardziej czysty sposób ...
Pytanie brzmi: jak używać różnych rozmiarów do moich czcionek lub jak je dopasować do różnych rozdzielczości?
Czy ktoś może pomóc? Dzięki!