Bitte geben Sie einen Grund für die Verwarnung an
Der Grund erscheint unter dem Beitrag.Bei einer weiteren Verwarnung wird das Mitglied automatisch gesperrt.
Schriftgröße für Smartphon anpassen
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
Hallo @matz54
...die richtige Syntax für @media-Querys ist wie folgt:
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
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
- Allgemeines
- Regeln für die Benutzung des Forums
- HowToDo ( = so geht´s)
- Jimdo User-Forum
- Eure Jimdo-Webseiten - Vorstellungsrunde
- Bugs, Workarounds und Anregungen
- Jimdo-Elemente
- Allgemeines
- Jimdo-Shop
- Jimdo-Specials (Tools, Widgets, HTML und CSS)
- Suchmaschinenoptimierung (SEO)
- Sonstiges
- Tutorials
- "OffTopic"-Themen
- "Übernahme" von Beiträgen aus dem offiziellen Jimdo-Forum...
- Nutzungsbedingungen und Haftungsausschluss
- Jimdo-Blog
Ähnliche Themen
Jetzt anmelden!
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!
