在display:flex中，我如何指定元素的宽度?

Question

请看一下:

https://codepen.io/sir-j/pen/dyRVrPb

我面临的问题是，虽然我将input [type=range]设置为500px，但与100px, 500px或800px没有区别，这让我认为display: flex正在扰乱我的元素，并给它一个最大长度。我想让input [type=range]的宽度与其父结点的高度相同，以像素为单位。有办法做到吗?

Answer 1

您可以使用flex grow, flex shrink或flex- base，或者您可以简单地使用flex并给出这些细节。