我不希望我的网站在任何屏幕上的垂直滚动条(从1280像素到1920像素)
问题描述:
我正在开发支持笔记本电脑(1024 * 768)到大屏幕(1920 * 1080)的桌面Web应用程序。在大屏幕上,我没有得到垂直滚动条。但在所有小屏幕上,我都会得到垂直滚动条。这个滚动条很常见,因为我有更多的内容。但我不想滚动条。有没有什么办法像这样实现(或)请帮助我在CSS中只实现基于高度的媒体查询。我需要这与基于从1024每个屏幕开始高度精确的媒体查询* 768到1920 * 1080我不希望我的网站在任何屏幕上的垂直滚动条(从1280像素到1920像素)
答
您需要使用@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
}
答
嗯,这是一个黑客我用过了,也可能是你的问题被低估了。
在你的部分添加:
<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;
答
这个代码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; }
}