2016-05-15 43 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

仅用于“审美”原因 –