Skalierungshintergrund und minimale Größe

7

Hallo Ich habe große Hintergrundbilder 1200 x 1200, was ich tun möchte, ist die Bilder zu erweitern, wenn der Benutzer die Größe des Browsers ändert, sie aber so einschränkt, dass sie niemals kleiner als die Originalgröße skaliert.

Da gibt es jede Menge skalierbare bg Bilder da draußen, aber keine, die ich finden kann, die dies tun, jede Hilfe wäre willkommen.

    
ross Hulford 15.06.2010, 10:49
quelle

6 Antworten

22

Hier ist genau was du suchst:

%Vor%     
jzeus 29.12.2013 00:21
quelle
5

Die folgende CSS + Javascript + JQuery-Kombination hat für mich funktioniert.

Danke ANeves für die obige Antwort, die hilfreich war.

CSS:

%Vor%

Javascript (JQuery):

%Vor%     
Mir4cle 30.05.2011 14:03
quelle
5

Eine weitere Möglichkeit wäre die Verwendung von Medienabfragen. Setzen Sie die Bildgröße auf say..1280x450 und verwenden Sie dann eine Medienabfrage von background-size: 100% auto; für alle Fenstergrößen über 1280 px.

Es gibt einen Code, der auch die Bildgrößenänderung mit dem IE behandelt, obwohl ich zugegebenermaßen nur begrenzte Erfolge damit hatte ...

%Vor%

Wenn jemand irgendwelche Add-Ons oder Fixes für die oben genannten hat, dann können Sie gerne einen Beitrag leisten.

hoffe das hilft jemandem da draußen ...

    
Olly 21.08.2012 20:48
quelle
1

Für Hintergrundbilder setze ich normalerweise eine minimale Breite für das html-Tag, die die ursprüngliche Breite des Bildes oder weniger ist, damit das Bild nicht zu weit schrumpft.

    
miles_holt 18.03.2013 13:56
quelle
1

Bild in Div setzen und Größe geben. Übernehmen Sie die folgende Eigenschaft zum img-Tag

%Vor%     
user1760979 12.03.2014 07:00
quelle
0

Sie scheinen nach der Hintergrundgröße -Eigenschaft von CSS3 zu suchen. Sie können die Mindestgröße für den Container einschränken, wenn Sie wissen, dass die Bilder 1200x1200 sind.

Ich glaube nicht, dass es auf IE funktionieren wird, also ist es vielleicht keine Option für Sie.
In diesem Fall schlage ich vor, dass Sie einen Blick auf Ссылка

werfen     
ANeves 15.06.2010 11:12
quelle

Tags und Links