如何使用高度:-webkit-fill-available

时间:2017-11-07 14:03:25

标签: css visual-studio-2015

我想填充嵌套Div中留下的剩余部分,背景颜色为&经过许多R& D我知道它可以通过使用高度来完成:-webkit-fill-available。任何人都可以告诉我如何在Visual Studio 2015中使用这个webkit-fill-available功能

1 个答案:

答案 0 :(得分:0)

它应该起作用:

<!doctype html>

<head>
  <title>webkit fix</title>

  <style type="text/css">
    body {
      height: 100vh;
      max-height: -webkit-fill-available;
      display: grid;
      align-content: center;
    }
  </style>
</head>

<body>
  <h1>webkit fix</h1>
</body>

在浏览器中移动时,应该看到它停留在中间。奇怪的是it doesn't seem properly documented on MDN - search result appear but there's nothing on the actual pages