Wie finden Sie Prozentsatz eines Auffüllens, das in Pixeln ist?

Ich habe versucht, eine Antwort auf diese Frage im Internet zu finden, konnte aber nichts finden, das es gut erklärt. Ich bin immer noch verwirrt und habe keine Ahnung, wie ich den prozentualen Anteil einer Auffüllung in Pixeln ermitteln kann. Zum Beispiel schaue ich auf ein Website-Design und ich weiß, dass ein <h1> eine 10px Polsterung an der Spitze braucht, aber wie finde ich heraus, was die Polsterung in Prozent ist?Wie finden Sie Prozentsatz eines Auffüllens, das in Pixeln ist?

Quelle

2016-06-28 Anonymous

Welchen Code haben Sie bisher ausprobiert? – fuzz

100% wird die Größe der vollen Höhe in Pixeln sein. 10% davon werden 10 Prozent davon sein. Wenn dein h1 also 50px ist, wird 10% padding-top 5px sein; – Ibu

Von welchem Wert sollte die Auffüllung ein Prozentsatz sein? Die Browserbreite? – showdev

Was ist der Unterschied zwischen PX, EM und Prozent?

Pixel ist eine statische Messung, während Prozent und EM relative Messungen sind. Die Größe eines EM oder Prozents hängt von seinem übergeordneten Element ab. Wenn die Textgröße des Körpers 16 Pixel beträgt, werden 150% oder 1,5 EM 24 Pixel (1,5 * 16) sein. Betrachten Sie CSS Units für mehr Maßeinheiten.

Sie haben über 10px padding oben auf h1 gestellt:

Sie wissen, dass die Höhe in Pixel 100% ist. So 10% wird 10 Prozent davon sein. Wenn Ihr h150px ist, wird 10%padding-top5px sein.

Quelle

2016-06-28 00:03:12 fuzz

was meinst du "wenn dein h1 50px ist"? sprichst du über die Schriftgröße von h1? –

Zum Beispiel könnte eine 'line-height' mit' h1' assoziiert sein. Sie müssen das wissen, bevor Sie annehmen, wie hoch 'h1' ist. – fuzz

Ich weiß, dass mein 'h1' die Standardzeilenhöhe hat, und ich bin nicht sicher, wie viele px das ist. Tut mir leid, wenn ich etwas nicht verstehe. –

Wie finden Sie Prozentsatz eines Auffüllens, das in Pixeln ist?

Antwort

Verwandte Themen