Da dies ein Top-Google-Ergebnis ist, um fluid-height divs im Allgemeinen zu erstellen (nicht nur leere, wie die Frage spezifiziert), wollte ich eine CSS Calc-Lösung hinterlassen, mit der du Inhalte in div einfügen kannst es ist leer):
%Vor%Ich brauche Folgendes:
Alles, was ich versuche, erzwingt, dass die Div-Datei die Größe des Hintergrundbilds unterstützt. Jede Hilfe wird sehr geschätzt ...
Ссылка %Vor% Um das Seitenverhältnis einer Höhe an die Fluidbreite anzupassen, verwenden Sie padding-top oder padding-bottom prozentual. Dies liegt daran, dass alle Füllprozentsätze der Breite des Elementcontainers entsprechen. Ihr Hintergrundbild ist 960 x 520, also ist die Höhe 54.166666666667%.
html
%Vor%css
%Vor%Beispiel: Ссылка
Im Wesentlichen die gleiche Frage: Ersetzen von CSS-Flüssigbildern?
Sie können nach dem Anwenden von CSS damit umgehen
%Vor%Hier ist zuerst auto für Breite und Sekunde ist für Höhe
Versuchen Sie medie-Abfragen in Ihrem CSS für verschiedene Bildschirmgrößen zu verwenden, um verschiedene feste Höhen zu behandeln. Zum Beispiel:
%Vor%usw. was Sie anpassen müssen. Sie können die div Breite 100% für den gesamten Bildschirm und die Hintergrundgröße belassen: cover. Sie können für jede Bildschirmgröße auch Hintergrundbilder unterschiedlicher Größe (diff. Dateien) erstellen, um Ihrer Website eine geringere Größe für mobile Geräte oder Tablets zu geben.
Da dies ein Top-Google-Ergebnis ist, um fluid-height divs im Allgemeinen zu erstellen (nicht nur leere, wie die Frage spezifiziert), wollte ich eine CSS Calc-Lösung hinterlassen, mit der du Inhalte in div einfügen kannst es ist leer):
%Vor%Tags und Links html responsive-design background-image