Schriftgröße für Smartphon anpassen

01.11.2016 19:38
avatar  matz54
#1
ma

Hallo,

kann ich ein Textfeld (wrapper) mit dem CSS @media die Schriftgröße ändern?

Ich habe, unter Head bearbeiten, nachfolgende Zeile eingetragen:

@media (max-width: 720px) {font-size: 12px;}

Dieser Eintrag hatte keine Auswirkung auf die Schriftgröße

Mach ich einen Fehler oder wird von Jimdo das @media unterdrückt?

Danke Dieter


 Antworten

 Beitrag melden
04.11.2016 18:37
avatar  az_
#2
avatar
az_

Hallo @matz54

...die richtige Syntax für @media-Querys ist wie folgt:

1
2
3
4
5
6
7
8
 

<style>
@media (max-width: 720px) {
.class {font-size: 12px;} /*oder*/
#id {font-size:12px;}
}
</style>
 
 



LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
09.03.2026 15:15 (zuletzt bearbeitet: 11.03.2026 19:32)
avatar  f3ev
#3
f3

Hallo,
ich habe ein ähnliches Problem. Ich baue gerade für eine Bekannte eine Webseite, es geht um
www.antje-noetzel.de/home

Auf der Monitoransicht soll die Schriftgröße für Textelemente tatsächlich standardmäßig 24 sein (Josefin Slab ist offenbar ein Font mit sehr kleinen Zeichen), auf dem Smartphone sollte die Schrift kleiner sein, als sie von Jimdo automatisch eingestellt wird.

Mein Header sieht aktuell so aus, d.h. die Lösung aus dem vorigen Beitrag habe ich versucht zu übernehmen, aber es ändert nichts -
weder so:

<style>
@media (max-width: 720px) {
.class {font-size: 12px;} /*oder*/
#id {font-size:12px;}
}
</style>

noch so:

<style>
/* <![CDATA[ */
@media (max-width: 720px) {
.class {font-size: 12px;}
}
/*]]>*/
</style>


- ich mache also irgendwas falsch.

Hat es damit zu tun, dass ich im Header bereits die Seitenbreite anders eingestellt habe:

<style>
/* <![CDATA[ */
@media (min-width:768px) {
.jtpl-section-main__inner {
max-width: 1250px;
}
}
/*]]>*/
</style>


Ich würde mich sehr über Hilfe freuen!

Viele Grüße von
Therese


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!
Forenspende

 

Spenden über PayPal

Ein Forum zu betreiben, erfordert ein hohes Maß an Zeit, Kraft und Aufmerksamkeit. 

Das Team von Jimdo-Forum arbeitet hinter den Kulissen sehr engagiert daran,
die erforderlichen Aufgaben zu erfüllen, um dir und den
anderen Forenmitgliedern ein tolles Forenerlebnis zu ermöglichen.

 Wir freuen uns, dass du dich dazu entschlossen hast, unser Forum mit deiner Spende zu unterstützen!

...hier ist der direkte Spendenlink
für unsere Kaffeekasse!