getUserMedia-图像大小

Question

我想用从iPhone中访问的，从getUserMedida获得的相机流填充div（#myvid）。

下图显示了MacBook上的图像流。

我的CSS如下所示：

#myvid {
   width: 100%;
   max-height: 200px;
}

如果我增加#myvid的大小（例如，增加到300px），则图像会填满div），但在垂直方向上太大。

目的是像在移动设备上的mac-book上显示流一样

Answer 1

object-fit: cover; 

工作完成了。