Wie ändern-header-Größe in css

Ich bin Abstich mein Gehirn auf diesen einen, aber ich kann nicht scheinen, um eine Lösung zu finden.

Von einer semantischen Sicht möchte ich die Verwendung einer h2-header - aber aus einer visual pov ich will es genau so Aussehen wie ein h5-header.

Jedoch, css verhält sich seltsam in diesem Zusammenhang, und scheint zu sein, die Behandlung der header-text als normalen text für die Formatierung. So font-size:60%; kommt across als 60% der Größe der normalen text - die ist winzig! Ich habe versucht, Herumspielen mit anderen Aspekten (wie Körpergröße), aber ohne Erfolg. Alle stilistischen Eigenschaften in Bezug auf die header scheinen zu verschwinden, sobald Sie css, um die schriftart...

Es wäre furchtbar hilfreich ist, dass wir sehen konnten, ein code-Beispiel... da gibt es zu viele Faktoren, die beitragen könnte, um dieses Problem zu einfach zu erraten. Sind Sie mit einer CSS-Normalisierung? Welche Browser betroffen sind, oder tun Sie alle gleich Aussehen?
Können wir ein jsfiddle bitte?
verschiedene Browser haben unterschiedliche Standardeinstellungen für den Kopf, so dass Ihre beste Lösung ist die Verwendung eines CSS, normalizer und dann Stil jedes header-spezifisch, aber Sie wollen,
zB .smaller70{ font-size:70%; height:70%; } <h2 class="smaller70">
Mit Anteil in der font-size wird in Bezug auf den Körper schriftart-Einstellungen. Also, wenn du bist Körper ist eingestellt 16px, Ihre h2-60%. Es gibt andere Regeln, die ins Spiel kommen, als gut, aber Sie könnte die Verwendung von px als alternative.

InformationsquelleAutor Stumbler | 2012-11-05

  1. 3

    verwenden px statt der Prozentsatz zum Beispiel
    h2{font-size:14px;
    height:50px;}

    InformationsquelleAutor Abdul Malik

  2. 2

    wenn du gehst zu verwenden, % - Definitionen für die CSS-Regeln
    Verwenden Sie die html-tag-fix für das font-rendering.

    Weiter zählen das body-tag definiert alle Basis-font-Informationen für das Dokument.

    Den rest sollte funktionieren wie gewünscht.

    /*css*/

html {font-size: 100.01%;}
body {font:italic bold 16px/30px Georgia, serif;}
h2 {font-size: 60%; line-height:60%;}

    <!--HMTL-->
<!DOCTYPE html>
<html>
    <body>
        <div>blah</div>
        <h2>header</h2>
        <div>blah<br>blah</div>
    </body>
</html>

    sehen Beispiel

    InformationsquelleAutor user1800957

Schreibe einen Kommentar