Festlegen der Größe für das Symbol in CSS

9

Ich arbeite an JSF und verwende diesen Code, um ein Fehlerfeld anzuzeigen.

%Vor%

Der <i class.../> Teil importiert ein Warnsymbol. Die Standardgröße ist 36 px, aber ich muss die Größe auf 24 px ändern. Wie mache ich das?

Danke!

    
Nacho321 23.01.2013, 14:38
quelle

3 Antworten

8

Sie könnten das Framework-CSS überschreiben (ich nehme an, Sie verwenden eines) und die Größe wie gewünscht einstellen:

%Vor%

Die Eigenschaft "! wichtig" stellt sicher, dass Ihr Code Vorrang vor dem Framework-Code hat. Stellen Sie sicher, dass Sie die richtige Eigenschaft überschreiben, ich weiß nicht, wie das Framework funktioniert, dies ist nur ein Beispiel für eine wichtige Verwendung.

    
Diogo Moreira 23.01.2013, 15:03
quelle
25

Sie können die Größe eines Symbols mit der Schriftgröße ändern, anstatt die Höhe und Breite eines Symbols festzulegen. Hier ist, wie Sie es tun:

%Vor%

Es gibt 4 Möglichkeiten, die Dimensionen des Symbols anzugeben.

px: gibt Ihrem Symbol feste Pixel

em: Dimensionen in Bezug auf Ihre aktuelle Schriftart. Sagen Sie, Ihre aktuelle Schriftart ist 12px, dann ist 1.5em 18px (12px + 6px).

pt: steht für Punkte. Meist in Printmedien verwendet

%: Prozentsatz. Bezieht sich auf die Größe des Symbols basierend auf seiner Originalgröße.

    
Ishan Sharma 02.04.2014 11:50
quelle
4

Der bessere Weg ist die Verwendung von 'background-size'.

%Vor%

selbst wenn Ihre Symboldimensionen größer als 10px sind, ist es 10px.

    
moslem 24.11.2014 08:46
quelle

Tags und Links