Ändern Sie die Schriftgröße je nach Auflösung
Ich entwickle eine Webseite, die unterschiedliche Größen für die verschiedenen Absätze verwendet, h ... und so weiter. Ich benutzeem Größen:Schriftgröße: 2em;, als Beispiel. Aber wenn ich meine Bildschirmauflösung auf eine niedrigere ändere, möchte ich diese Größe auf eine kleinere.
Zu diesem Zweck habe ich diesen Code ausprobiert:
<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>
Erstens: es funktioniert nicht ...
Zweitens: Ich denke, es sollte einen saubereren Weg dafür geben ...
Die Frage ist also: Wie verwende ich unterschiedliche Schriftgrößen oder wie ändere ich sie für unterschiedliche Auflösungen?
Kann jemand bitte helfen? Vielen Dank!