2016-05-15 29 views
0

我正在處理my web site。 如果您在登錄後轉到頁面,則可以看到該頁面水平和垂直滾動。 是否可以使頁面適合整個屏幕而不需要滾動條? 我正在使用物化和網站的第二列(淡藍色部分)有2px的餘量。適合沒有滾動條的頁面的頁面

謝謝!

(爲登錄 「PROVA」 和 「PROVA」)

解決:

body { 
overflow:hidden;} 
+0

我們應該如何通過登錄屏幕?此外,您在登錄時缺少所需的文檔類型,這使我相信您在網站的其他部分也缺少一個文檔。 – Rob

+0

嘗試「prova」和「prova」 –

回答

1

是的,它是可能的。只需關閉滾動。您可以在開始時獲得屏幕寬度和高度。然後寫這樣的東西來更新你的組件大小。

function updateSize() { 

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

winHeight = $(window).height(); 

$('.loginButton').css({ 

width:winWidth * 0.2, 

height:winHeight * 0.2 

}); 

} 

$(window).resize(function() { 

updateSize(); 

}); 
+0

是否有可能沒有JS? –

+0

謝謝,我會嘗試。 另一個問題: 什麼是「$ :('。loginButton')。css()」; –

+1

@RobertoAureli是的,可以在沒有javascript的情況下這樣做。實際上,根本沒有理由使用js。 – Rob

1

您在#map上有一個2像素的邊距,這會導致水平滾動條。您需要添加doctype <!DOCTYPE html>。所有的現代網頁都需要這個,否則你將會在"quirks mode";一個你永遠不想成爲的地方。添加這個可能會在一定程度上改變你的佈局,但你最初的怪癖。你不想陷入怪癖。

+0

我可以刪除scollbar而不刪除頁邊距嗎? 而對於垂直的? (我已經添加了doctype) –

+0

我不明白2px頁邊距的目的。 – Rob

+0

僅用於「審美」原因 –