Question

我正在研究my web site。如果您在登录后转到该页面，则可以看到该页面水平和垂直滚动。是否可以在不需要滚动条的情况下使页面适合整个屏幕？我正在使用物化，网站的第二列（淡蓝色部分）的边距为2px。

谢谢！

（登录“prova”和“prova”）

解决：

body {
overflow:hidden;}

Answer 1

是的，这是可能的。只需关闭滚动。您可以在开始时获得屏幕宽度和高度。然后写这样的东西来更新组件大小。

function updateSize() {

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

winHeight = $(window).height();

$('.loginButton').css({

width:winWidth * 0.2,

height:winHeight * 0.2

});

}

$(window).resize(function() {

updateSize();

});

Answer 2

#map导致水平滚动条的余量为2px。

您需要添加doctype <!DOCTYPE html>。所有现代网页都需要这样，否则您将进入"quirks mode";一个你永远不想成为的地方。添加它可能会在一定程度上改变您的布局，但您开始时有些怪癖。你不想陷入困境。

适合屏幕而没有滚动条的页面

2 个答案: