HTML 元素無法正確調整大小 - 間距？

Question

我試圖為我的 html 元素保持相同的比例和相同的距離，但是每當我調整窗口大小時，對象的間距都不相同。 我不確定到底是什么問題，因為我玩過邊距/填充並且這些都不起作用。

屏幕更小

應該是這樣的

Answer 1

如果您可以使用引導程序類而不是使用自定義 css，那就更好了。 無論如何你可以使用這個。

.parent{
 display: flex;
 justify-content:space-between;
}

.child{
 display: inline-block
}

Answer 2

您可以使用以下基本樣式來解決上述問題：

.parent {
 display: flex;
 justify-content:space-between;
}

.child {
 width: 100%;
 padding: 1rem;
}