@media Abfragen und Image-Swapping

8

Ich bin neu in CSS und in diesem Forum. Aber ich habe an einem kleinen Projekt gearbeitet, bei dem ich möchte, dass sich das Bild auf meiner Website vollständig ändert, wenn die Größe des Browsers geändert wird.

Ich habe Medienabfragen verwendet? aber ich kann es nicht richtig verstehen. irgendwelche Gedanken / Tipps?

    
Aarati Akkapeddi 09.01.2015, 04:35
quelle

2 Antworten

33

Fügen Sie in der Zukunft Code hinzu, den Sie ausprobiert haben.

Wenn es sich um ein image -Tag handelt, können Sie eine Klasse verwenden. Blenden Sie das zweite Bild beim Laden der Seite aus und zeigen Sie Bild 1 bei einer bestimmten Bildschirmgröße wie folgt an:

HTML

%Vor%

CSS

%Vor%

BEISPIEL 1 - SCHRUMPFBROWSER

ODER

Wenn es sich um background-image handelt, können Sie das Bild einfach austauschen:

HTML

%Vor%

CSS

%Vor%

BEISPIEL 2 - SCHRUMPFBROWSER

    
jmore009 09.01.2015 04:38
quelle
0

Sie können die Eigenschaft content verwenden, um Ihr Bild einzufügen. Bilder wie diese könnten jedoch schwierig zu stylen sein. ( Code-Snippet im Vollbildmodus ausführen, bevor Sie die Größe des Browsers ändern )

%Vor% %Vor%
    
che-azeh 25.04.2017 17:05
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Entwurfsmuster für den Datenzugriffslayer