Ich habe derzeit ein Problem mit der Browser-Größenanpassung. Wenn die Seite in voller Größe (dh das Browser-Fenster wird nicht wird minimiert), funktioniert die Seite gut, wodurch man dies:Fehlender Inhalt während der Browser-Größenanpassung trotz% Breite und Höhe
Allerdings, wenn ich das Fenster minimieren, so dass es kleiner ist, indem sie es vertikal komprimiert dies geschieht:
der Inhalt abgeschnitten ist, und ich kann nicht den gesamten Inhalt in der Größe verändert Browserfenster anzuzeigen blättern.
Ich verstehe, dass dies ein häufiges Problem ist. Ich habe versucht, dieses Problem zu beheben, indem sichergestellt wird, dass:
- beliebigen Breite in Bezug auf% (und in der Tat, skaliert alles gut in Bezug auf die Breite)
- Höhen sind
auto(so dass sie die notwendige wickeln Inhalt)
Wenn das nicht funktioniert, ich die Höhenwerte mit% Werten ersetzt, anstatt einfach auto verwenden, um sicherzustellen, dass die Gesamthöhe Wert nicht zu 100% überstiegen. Das hat leider auch nicht geklappt. Irgendeine Idee warum und was ich tun kann, um das zu machen? Danke im Voraus!
Mein HTML und CSS können hier gefunden werden: https://codepen.io/anon/pen/yoBEWb
Eine einzige Zeile, und Sie haben 2 Stunden Debuggen gelöst. Vielen Dank! Eine letzte Frage: Warum muss diese bestimmte Seite min-height auf 100vh setzen, während andere Seiten keine Probleme mit der Höhe haben: 100vh? –
Gern geschehen, Einstellung der Höhe auf 100% wird die Höhe auf 100% des Ansichtsfensters zwingen, egal wie viel Inhalt, so wird es den Rest verbergen, während min-Höhe kann es mehr als 100vh sein – ewwink