Ich möchte, dass ein Bild auf einer bestimmten Höhe bleibt, aber ich möchte auch, dass es auf der Breite des Benutzerbildschirms bleibt.Stellen Sie eine feste Höhe ohne Breitenänderung ein
Hier ist die CSS-Jährige Bild:
#cafe {
max-width: 100%;
height: 700px;
}
Was ist das Problem? – Banzay
Wenn Sie eine feste Höhe haben und das Bild die Breite des Browsers haben soll, wird das Seitenverhältnis des Bilds verzerrt, es sei denn, diese feste Höhe und die Browserbreite entsprechen dem Seitenverhältnis - was ziemlich unwahrscheinlich ist. Wäre das für dich in Ordnung? Scheint so, als würdest du etwas vermeiden wollen. –
Sie haben zwei Optionen mit einer festgelegten Höhe; ** 1) ** erlaubt das Bild horizontal zu strecken, wenn die volle Breite des Bildes sichtbar sein muss, ** 2) ** erlauben Teile des Bildes zu verdecken, wenn das Bild nicht gedehnt werden soll horizontal. [Einige Beispiele] (https://jsfiddle.net/gzwoer80/) mit 'background-size'. – hungerstar