如何删除我的滚动条？ （我的网站不适合屏幕）

Question

我如何使我的网站适合屏幕并摆脱滚动条？我试过这些代码，但没有用。它只是隐藏滚动条，没有帮助我的网站适应屏幕。

position: fixed;
 top: 0px;
 right: 0px;
 bottom: 0px;
 left: 0px;

请帮帮我

网站：www.ubuz.net

Answer 1

修改：您需要使用媒体屏幕使您的网站适合所有设备，即;响应。

您已在此课程中设置相对位置。将其设置为固定。

.demoDark{
position:fixed; /*Set it to fixed*/
width:100%;
height: 100%; /*semicolon missing*/
color:#eee;
margin-top:3.7em;
padding-top:3.7em;
background:#23334e url('../img/footer.png');
-webkit-box-shadow:0 -1px rgba(255,255,255,.4),0 0 50px rgba(33,49,75,.55),inset 0 4px 2px -3px rgba(0,0,0,1);
-moz-box-shadow:0 -1px rgba(255,255,255,.4),0 0 50px rgba(33,49,75,.55),inset 0 4px 2px -3px rgba(0,0,0,1);
-ms-box-shadow:0 -1px rgba(255,255,255,.4),0 0 50px rgba(33,49,75,.55),inset 0 4px 2px -3px rgba(0,0,0,1);
-o-box-shadow:0 -1px rgba(255,255,255,.4),0 0 50px rgba(33,49,75,.55),inset 0 4px 2px -3px rgba(0,0,0,1);
box-shadow:0 -1px rgba(255,255,255,.4),0 0 50px rgba(33,49,75,.55),inset 0 4px 2px -3px rgba(0,0,0,1);

}

Answer 2

尝试像这样减少填充底部值以获得所需的结果：

MainCtrl

仅适用于宽屏幕。您需要创建响应式布局以隐藏所有屏幕中的滚动条。您可以搜索和批量创建响应式网站的文章。

一切顺利！

Answer 3

在底部div（class =“alt”）

上添加这些样式

position: fixed;
bottom: 0;
left: 0;
background-color: transparent;