'Nehmen wir an, Ihr Problemelement ist ein <div> . Wenn du sicherstellst, dass deine <div> s-Höhe etwas hat, auf das du dich beziehen kannst, verschwinden fast alle deine Probleme:
Stellen Sie sicher, dass die Eltern von <div> ebenfalls eine festgelegte Höhe haben. Normalerweise tue ich das (naja, nicht genau, aber Sie bekommen die Idee):
Sie möchten also, dass ein Div die Höhe des Bildschirms ist? Es ist nicht naheliegend, aber CSS-Höhe ist der richtige Ansatz. Der Trick besteht darin, dass die Elemente html und body die gesamte Höhe der Seite einnehmen müssen, sonst nimmt das div zu 100% nichts auf. Der beste Weg, den ich gefunden habe, ist:
%Vor%Reines css
%Vor%Viel Glück
Oder javascript Jquery:
Bereit (nicht innerHöhe in ie8):
%Vor%Größe ändern Fenster:
%Vor%Kein JavaScript erforderlich, da CSS3 einige neue Werte für die Größenanpassung relativ zur aktuellen Ansichtsfenstergröße enthält: vw, vh und vmin
%Vor%so können Sie es auf Ihren Stil schreiben:
%Vor%Meine Antwort basiert auf Jonwaynes, weil es nicht viel Erklärung gab.
Sie können CSS nicht verwenden, um den Wert eines Benutzermonitors abzurufen, aber Sie können dies über JavaScript tun. Der Trick besteht also darin, dem Ereignis beim Laden der Seite JavaScript hinzuzufügen, das die Höhe basierend auf der Höhe des Browserfensters festlegt. Mit jQuery können Sie dies mit dem folgenden Snippet tun
%Vor%Sie können optional auch an das resize-Ereignis des Browsers anhängen, um die Höhe bei einer Größenänderung des Fensters zurückzusetzen. Kombiniert mit dem vorherigen Snippet wäre es
%Vor%Ich glaube nicht, dass Sie die Auflösung des Monitors mit irgendeiner Webtechnologie erreichen können. Was Sie tun, ist Javascript verwenden, um die Höhe des Browsers zu erhalten und setzen Sie die Höhe Eigenschaft von div in der CSS. Dieser Beitrag könnte helfen, die Höhe zu erreichen.
Tags und Links javascript html jquery css