在任何屏幕尺寸中设置高度常量

Question

我需要在任何屏幕尺寸中设置我的网页高度不变。这是可能的。请帮忙。

My content is in a wrap div



<div id="wrap"></div>

由于

Answer 1

嗯，那是什么常数？更多细节会有所帮助。但是，你试过设置高度吗？ - 例如。

html, body {
    height: 200px;
}
#wrap {
    height: 200px;
}

您也可以尝试定位。这不需要像第一个示例那样设置html和body的高度。

#wrap {
  bottom: 0; /* change this */
  left: 0;
  position: absolute;
  right: 0;
  top: 0; /* and this to fit your requirements */
}

Answer 2

很有可能做你想做的事。

大多数开发人员在尝试执行此操作时遇到的问题是，当将div的高度设置为100％时，它实际上会变为0px 。这是因为百分之百都没有。

由于 body和html标记都是div的父级，因此需要先调整它们。

你需要对你的css做什么：

html,body{
    height: 100%;
    width: 100%;
    overflow: hidden;
}

#wrap{
    height: 100%;
    width: 100%;
    overflow: auto;
}

Answer 3

不可能在不同屏幕尺寸下保持恒定高度