Ich versuche ein Bild an das Browser-Fenster in Bezug auf seine Höhe anzupassen und dynamisch auf die Fenstergröße zu reagieren.Wie man ein Bild automatisch skaliert, um es an das Browser-Fenster mit Bezug zur Höhe anzupassen
Ich brauche das Bildseitenverhältnis, um gleich zu bleiben, aber das Bild kann größer sein als seine ursprüngliche Auflösung, wenn es auf großen Bildschirmen betrachtet wird.
Ich möchte nicht, dass das Bild außerhalb des Bildschirms verschüttet wird und einen Scolling-Effekt erzeugt.
Das Bild muss zentriert im Container sowohl vertikal als auch horizontal bleiben.
Here is an example of what I am trying to achieve.
'ich versuche ...'. Teile, was du versuchst. Dies ist sehr einfach mit 'Höhe: 100%; width: auto; 'oder mit einem' background-size: cover' –
Probieren Sie dieses js-Plugin http://johnpolacek.github.io/imagefill.js/ – Jason
@Jason das ist ein 'Hintergrund-Größe: Cover' mit' Hintergrund Position: Mitte Mitte ". Machen Sie diese zwei Zeilen besser als ein Plugin, das von jQuery abhängig ist, um diese zwei Zeilen zu schreiben. –