zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden skalierbare Schriftgröße

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 19.03.2012, 16:43
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 11.03.2011
Beiträge: 329
irmen befindet sich auf einem aufstrebenden Ast
Standard skalierbare Schriftgröße

Hallo, ich möchte erreichen,
daß sich die Schrift, (so, wie der restliche Inhalt meiner Seite) entsprechend der Browserfenstergröße skaliert. Momentan sind die meisten Breiten, Abstände und Höhen in %angegeben und wenn ich das Browserfenster kleinerziehe, werden die Flächen und (fast) alle Bilder kleiner.

allein die Schrift bleibt genau wie sie ist.
die Schrift wird im html auf 96em angegeben.
soweit ich aber hier gelesen habe, bedeutet das, daß sie relativ zur auf dem Browser voreingestellten Schriftgröße angezeigt wird.

Wenn man die Schrift in % angibt bezieht sich das auch nur auf die voreingestellte schriftgröße der Browser, oder? (bei verschachtelten Elementen bezieht es sich auf das Elternelement, richtig?)

Ich hätte gerne, daß die schrift relativ zur Fenstergröße angegeben wird.
Geht das?


vielen Dank für einen Hinweis, wie das geht.
Irmen
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 19.03.2012, 16:57
Benutzerbild von Praktikant
Semantikbremse.
XHTMLforum-Kenner
 
Registriert seit: 22.04.2008
Beiträge: 4.985
Praktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz sein
Standard

Zitat:
Zitat von irmen Beitrag anzeigen
allein die Schrift bleibt genau wie sie ist.
die Schrift wird im html auf 96em angegeben.
soweit ich aber hier gelesen habe, bedeutet das, daß sie relativ zur auf dem Browser voreingestellten Schriftgröße angezeigt wird.
Ja, und zwar 96 mal größer. Das macht dann bei einer vom Browser eingestellten Schriftgröße von 10 Pixeln eine Schriftgröße von 960 Pixeln auf deiner Website. Sicher, dass die Angabe da steht?

Schriftgrößen relativ zum Viewport anzugeben ist nicht möglich. Aber du kannst sogenannte Mediaqueries nutzen um die Schriftgröße ab einer bestimmten Größe des Viewportes anzupassen.
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade!
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 19.03.2012, 20:00
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 11.03.2011
Beiträge: 329
irmen befindet sich auf einem aufstrebenden Ast
Standard

Vielen Dank für die Auskunft - es heißt natürlich: 0,96em!!
ok, die mediaqueries sind das mit dem @ - oder?
Dann muss es eben so gehen.
Das heißt eigentlich, ich kann dann in zukunft immer mein css dreimal machen - für PC und mac, für touchpad und für smartphone?

Im übrigen habe ich gesehen, daß meine seite auf dem ipad2 richtig dargestellt wird - auf den ipad3 aber nicht ... das lässt mich schon etwas verzweifeln ... vorallem, weil man doch nicht immer grade das neueste Teil kaufen kann um es zu testen. Immer in den Vodaphoneladen kann ich auch nicht gehen ...
Ich habe den eindruck, daß die testseiten im Netz nicht immer ein verbindliches Ergebnis liefern ...
wer kennt eine gute testseite?

vielen dank
Irmen
Mit Zitat antworten
  #4 (permalink)  
Alt 19.03.2012, 20:40
Standardkatze
XHTMLforum-Kenner
 
Registriert seit: 06.02.2007
Beiträge: 1.820
gato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nett
Standard

Zitat:
Zitat von irmen Beitrag anzeigen
ok, die mediaqueries sind das mit dem @ - oder?
Jain. Du kannst Media Queries überall nutzen, wo Medien abgefragt werden, z.B. im link-Element (im media-Attribut) oder in der @media-Regel.
__________________
Über Internet Explorer 8:
Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt.
Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt.
Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt.
Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard.
Mit Zitat antworten
  #5 (permalink)  
Alt 19.03.2012, 20:44
Benutzerbild von plastiko
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.12.2007
Ort: Hannover
Beiträge: 945
plastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblick
Standard

Zitat:
Zitat von irmen Beitrag anzeigen
... - es heißt natürlich: 0,96em!!
0.96em oder .96em aber kein Komma.
__________________
MfG
Jens
Mit Zitat antworten
  #6 (permalink)  
Alt 19.03.2012, 21:20
Benutzerbild von Praktikant
Semantikbremse.
XHTMLforum-Kenner
 
Registriert seit: 22.04.2008
Beiträge: 4.985
Praktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz sein
Standard

Zitat:
Zitat von irmen Beitrag anzeigen
Im übrigen habe ich gesehen, daß meine seite auf dem ipad2 richtig dargestellt wird - auf den ipad3 aber nicht ... das lässt mich schon etwas verzweifeln ... vorallem, weil man doch nicht immer grade das neueste Teil kaufen kann um es zu testen. Immer in den Vodaphoneladen kann ich auch nicht gehen ...
Ich habe den eindruck, daß die testseiten im Netz nicht immer ein verbindliches Ergebnis liefern ...
wer kennt eine gute testseite?
Eigentlich sollte das, vorausgesetzt dein Quellcode ist fehlerfrei, kein Problem sein. Auf dem Bildschirm des iPad 3 ist nur mehr Platz.

Deinen Quellcode auf Richtigkeit prüfen kannst du hier: The W3C Markup Validation Service und entsprechend CSS unter: The W3C CSS Validation Service.
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade!
Mit Zitat antworten
  #7 (permalink)  
Alt 19.03.2012, 23:25
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 11.03.2011
Beiträge: 329
irmen befindet sich auf einem aufstrebenden Ast
Standard

@plastiko:
jawohl, genau, danke!
@Praktikant und @gato
doppeldanke für die hilfreichen links!!!

daraus ergeben sich natürlich wieder neue Fragen:

Ich habe mich zuerst an dem stylesheet, das schon vorhanden war(wp-theme twentyeleven) orientiert und erst mal die @einteilung behalten und zum testen nur die schriftgröße und die Hintergrundfarbe verändert. das ganze teste ich auf Mobile Responsive Design Testing
ergebnis unbefriedigend

ich habe versucht - nach dem wie ich es verstehe - die Bereiche der Breite für einige mobile-Geräte einzugrenzen. Leider gehen nur die erste und die zweite variante.
Warum denn blos?

Zitat:
@media (min-width:641px) and (max-width: 800px) {
body{
font-size: 11px;
background-color:#909;

}}
@media (min-width:320px) and (max-width: 640px) {

body{
font-size: 10px;
background-color:#090;

}}

@media (max-width: 240px) {
body{
font-size: 8px;
background-color:#F69;

}
}

Geändert von irmen (19.03.2012 um 23:29 Uhr)
Mit Zitat antworten
  #8 (permalink)  
Alt 20.03.2012, 19:03
Standardkatze
XHTMLforum-Kenner
 
Registriert seit: 06.02.2007
Beiträge: 1.820
gato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nett
Standard

Zitat:
Zitat von irmen Beitrag anzeigen
ich habe versucht - nach dem wie ich es verstehe - die Bereiche der Breite für einige mobile-Geräte einzugrenzen. Leider gehen nur die erste und die zweite variante.
Die Bereiche 241-319 und 801+ besitzen gar kein Stylesheet.

Lokal funktionieren alle drei Angaben problemlos.
Wenn du ein Problem mit einer bestimmten Seite hast, dann solltest du ein Online-Beispiel für diese Seite bringen. Der Fehler kann wer weis wo liegen.
Mit Zitat antworten
  #9 (permalink)  
Alt 20.03.2012, 19:33
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 11.03.2011
Beiträge: 329
irmen befindet sich auf einem aufstrebenden Ast
Standard

Ja verzeihung, da waren haufenweise Fehler drin. Laut Test seite geht jetzt alles!
Danke für deine Antwort!

Wenn ich das auf meinem samsung sgh-f480i anschauen will, geht es überhaupt nicht. Alles völlig zerfetzt.
finde ich echt schwierig.


mein neues Problem ist nun auch, daß ich eine scrollbare Div habe und Anker. Und das mag der ipod ja gar nicht.
Kennt jemand eine Lösung? ich probier grade mit iscroll4 rum. Noch geht garnüscht.
Kennt jemand iscroll4.
Ist das was Ordentliches?

Danke Irmen
Ps soll ich für diese Frage ein neues Thema aufmachen?

Geändert von irmen (20.03.2012 um 19:37 Uhr)
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 20.03.2012, 19:51
Benutzerbild von Praktikant
Semantikbremse.
XHTMLforum-Kenner
 
Registriert seit: 22.04.2008
Beiträge: 4.985
Praktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz sein
Standard

Zusammenhängende, sinnvolle Sätze sind nicht deine Stärke, oder?

Wenn du ein Element per overflow:scroll; scrollbar machst, dann musst du es bis iOS 5.0 mit zwei Fingern scrollen. Danach funktioniert dann auch der 1-Finger-Scroll.

Des Weiteren bleibt die Bitte nach einer Testseite. Welche Auflösung hat dein Handy denn?

PS. Zu spät.
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade!

Geändert von Praktikant (20.03.2012 um 19:54 Uhr)
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Frage zur Einheit der Schriftgröße web334 CSS 4 21.01.2012 12:45
Zweimal Span - Problem mit der Schriftgröße greenslot CSS 1 07.01.2011 23:04
Schriftgröße: px oder em? Tobe CSS 15 12.03.2008 19:57
Schriftgröße in verschiedenen Browsern kadees CSS 6 16.11.2006 13:25
WCAG 1.0 Level A Konformität und Schriftgröße? andreas333 Barrierefreiheit 1 15.11.2006 17:04


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:06 Uhr.