我不希望我的网站在任何屏幕上的垂直滚动条（从1280像素到1920像素）

Question

我正在开发支持笔记本电脑（1024 * 768）到大屏幕（1920 * 1080）的桌面Web应用程序。在大屏幕上，我没有得到垂直滚动条。但在所有小屏幕上，我都会得到垂直滚动条。这个滚动条很常见，因为我有更多的内容。但我不想滚动条。有没有什么办法像这样实现（或）请帮助我在CSS中只实现基于高度的媒体查询。我需要这与基于从1024每个屏幕开始高度精确的媒体查询* 768到1920 * 1080

Answer 1

您需要使用@media在CSS

@media only screen and (min-width: 0px) and (max-width: 767px) 
{ 
    .container{width:100%;overflow:hidden;} 
    //add all the classes and ids which you want to make responsive here 
} 

Answer 2

嗯，这是一个黑客我用过了，也可能是你的问题被低估了。

在你的部分添加：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"> 

，并在你的身体或主div's CSS地址：

width: 100%; 
height: 100%; 
overflow: hidden; 

Answer 3

这个代码PICE会检测你当你的分辨率是这些值之间如果内容可以填充或不填充，您的ID或课程或任何您需要的自动滚动。

如果您没有足够的内容，滚动不会显示。

@media screen and (min-width: 1280px) , screen and (max-width: 1920px) { 
     #yourID{ overflow-x: auto; overflow-y: auto; }      
} 

，或者如果你想隐藏的滚动，你只需要编写：

@media screen and (min-width: 1280px) , screen and (max-width: 1920px) { 
     #yourID{ overflow-x: hidden; overflow-y: hidden; }      
}