小编Lar*_*pee的帖子

为什么typeof函数返回"function"?

如果数组和函数都是对象子类型,那么为什么typeof function返回"function"typeof array返回"object"

javascript types typeof object

9
推荐指数
1
解决办法
1119
查看次数

Flex-shrink无法正常工作

我开始使用flexbox,为了理解flex-growflex-shrink,我使用了一个简单的程序,该程序显示两个块,并flex-grow: 2在其中一个和另一个中使用它们来占据整个宽度flex-grow: 1

如果我在控制台中检查以下行:$(".one").width() === $(window).width() /3它返回true。到目前为止,一切都很好。

当我减小窗口大小时会出现问题,因为一旦执行此操作,控制台($(".one").width() === $(window).width() /3)中的同一行就会开始返回false。

我知道的默认值flex-shrink就是1。这是否意味着两个区块之间的比例将保持不变(因为它们都缩小了相同的数量)?谁能解释为什么会出现这种结果?

这是我的代码:

* {
  font-family: verdana;
  margin: 0;
}

body {
  background: #eee;
}

.wrapper {
  width: 100%;
  max-width: 2000px;
  margin: 0 auto;
}

.flex-container {
  display: flex;
  background-color: white;
}

.box {
  height: 100px;
}

.one {
  background-color: red;
  flex-grow: 1;
}

.two {
  background-color: blue;
  flex-grow: 2;
}
Run Code Online (Sandbox Code Playgroud)
<div class="wrapper">
  <div …
Run Code Online (Sandbox Code Playgroud)

html css css3 flexbox

4
推荐指数
2
解决办法
7827
查看次数

标签 统计

css ×1

css3 ×1

flexbox ×1

html ×1

javascript ×1

object ×1

typeof ×1

types ×1