2016-11-17 2 views
0

Ich möchte eine Seite mit einer festen Pixelgröße immer die gleiche Percentage Höhe haben.Die Website mit Ansichtsfenstern in einer festen Größe halten?

Bedeutet, wenn ich ein div mit einer Höhe von 1500px habe und es auf einem 1366x768 Bildschirm sehe, sollte das ganze 1500px div noch vollständig sichtbar sein.

.fix{ 
 
width:400px; 
 
height:400px; 
 
background-color:green; 
 
margin:0 auto; 
 
}
<div class="fix"></div>

+0

Stoppen Sie die Verwendung von 'px' und beginnen Sie mit'% '- weil das die einzige Möglichkeit ist, dass Sie einen größeren als den sichtbaren Bildschirm-Bereich div erhalten, um sichtbar zu bleiben. – junkfoodjunkie

+0

lookup css relative Einheiten –

+0

viele Geräte haben eine viel kleinere Bildschirmgröße/Auflösung als das – mlegg

Antwort

-1

Sie können die "vh" Gerät verwenden, um die Höhe des div relativ zum Ansichtsfenster zu setzen:

.fix {height: 50vh} wird die Höhe des div auf 50% des Ansichtsfensters.

Oder Sie können% anstelle von px verwenden - stellen Sie in diesem Fall sicher, dass Sie den Körper und die HTML-Höhe auf 100% setzen.

+0

das Problem ist, dass ich eine ganze Website mit px gemacht, jetzt können Sie es in kleineren Auflösungen nicht sehen, da es eine Website sein sollte Sie können nicht nach unten scrollen. Ich bin auf der Suche nach etwas, das wie Browser-Zoom funktioniert, nur um bei kleineren Auflösungen alles etwas kleiner zu machen. Website: http://palmira-lopez.de – KeBom

Verwandte Themen