实现全屏仅占屏幕的70％

Question

当我点击按钮时，我的全屏如下

|---------------|
|---------------|
|---------------|
|               | horizontal scroll
|               |
|               |
|               |

问题是它只占用屏幕的80％，即使它有足够的数据来覆盖。

我的css课

.full-screen {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  min-height: 100%;
  z-index: 700;
  background: white;
}

请指导。

Answer 1

使用position:fixed;，您可以执行此操作，以填写屏幕：

.full-screen {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom:0;
  z-index: 700;
  background: white;
}