小编The*_*iya的帖子

Firefox和Chrome之间的缩小差异

以下简化代码示例在Firefox与Chrome上的呈现方式不同.这是浏览器错误的结果吗?如果是这样,哪个是按规格呈现,哪个不是?

如果可以的话,我想获得一个错误报告的链接.

现在,为了我的目的,flex-shrink: 0在这个缩小的例子中添加:navbar,解决了问题,但是我想知道一旦bug修复后这是否也会起作用...

#fixed {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#tall {
  height: 300%;
}

.outline {
  outline: 1px solid red;
}
Run Code Online (Sandbox Code Playgroud)
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" />

<div id="fixed" class="d-flex flex-column">
  <nav class="navbar outline">
    <a class="btn btn-secondary">Button</a>
  </nav>
  <div id="tall"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

html css css3 flexbox bootstrap-4

6
推荐指数
1
解决办法
1460
查看次数

标签 统计

bootstrap-4 ×1

css ×1

css3 ×1

flexbox ×1

html ×1