小编Raj*_* MG的帖子

如何在 Edge 浏览器中使用高度：-webkit-fill-available？如何使 div 填充 Edge 中的可用空间？

我正在使用引导程序来预览移动设备，如下所示：

它在 Chrome 中运行良好。但不是边缘:(

我的 HTML/CSS 代码如下：

.frame {
  border-radius: 15px;
  background-color: #b3b6b9;
  height: 400px;
  padding: 50px 10px 75px 10px;
}

.screen {
  border-radius: 10px;
  background-color: #ffffff;
  height: -webkit-fill-available;
  padding: 20px 15px 150px 15px;
  
}
.circle {
  border: 1px solid;
  border-color: #ffffff;
  border-radius: 50px;
  height: 50px;
  width: 50px;
  margin: 10px auto;
  position: relative;
}
.preview {
  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -webkit-border-bottom-right-radius: 25px;
  -webkit-border-bottom-left-radius: 0px;

  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomright: 25px;
  -moz-border-radius-bottomleft: 0px;

  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 0px; …

Run Code Online (Sandbox Code Playgroud)

html css microsoft-edge

Raj*_* MG

2019 01-27

8
推荐指数

1
解决办法

4万
查看次数