2016-05-15 7 views
0

Ich arbeite an . Wenn Sie nach der Anmeldung auf die Seite wechseln, können Sie sehen, dass die Seite horizontal und vertikal gescrollt wird. Ist es möglich, die Seite ohne den Scrollbalken auf den gesamten Bildschirm anzupassen? Ich benutze materialize und die zweite Spalte der Website (der hellblaue Teil) hat einen 2px Rand.Seite, die den Bildschirm ohne Bildlaufleisten passen

Vielen Dank!

(für die Login "prova" und "prova")

GELöST:

body { 
overflow:hidden;} 
+0

Wie sollen wir über den Login-Bildschirm gelangen? Außerdem fehlt bei der Anmeldung ein erforderlicher Doctyp, der mich glauben lässt, dass Sie auch auf dem Rest der Site eine vermisst haben. – Rob

+0

versuchen "prova" und "prova" –

Antwort

1

Ja, es ist möglich. Scrollen Sie einfach aus. Sie können die Bildschirmbreite und -höhe am Anfang erhalten. Schreiben Sie dann etwas, um die Größe Ihrer Komponenten zu aktualisieren.

function updateSize() { 

var winWidth = $(window).width(), 

winHeight = $(window).height(); 

$('.loginButton').css({ 

width:winWidth * 0.2, 

height:winHeight * 0.2 

}); 

} 

$(window).resize(function() { 

updateSize(); 

}); 
+0

Ist es möglich, ohne JS zu tun? –

+0

Danke, ich werde es versuchen. Eine andere Frage: Was ist die Zeile "$ :('. LoginButton'). –

+1

@RobertoAureli Ja, es ist möglich ohne Javascript. In der Tat gibt es keinen Grund, js überhaupt zu verwenden. – Rob

1

Sie haben eine 2px Marge auf #map, die die horizontale Bildlaufleiste verursacht wird.

Sie müssen einen Doctype <!DOCTYPE html> hinzufügen. Alle modernen Webseiten benötigen dies oder sonst werden Sie in "quirks mode"; ein Ort, an dem du nie sein willst. Wenn du das hinzufügst, ändert sich dein Layout in gewissem Maße, aber du hast mit Macken angefangen. Sie wollen nicht in Macken sein.

+0

Kann ich die Scollbar entfernen, ohne die Marge zu entfernen? Und für die vertikale? (Ich habe den Doctype hinzugefügt) –

+0

Ich verstehe nicht den Zweck der 2px Marge. – Rob

+0

Nur aus "ästhetischen" Gründen –