响应式设计中具有恒定空间的比例宽度答案

【问题标题】：Propertional width with constant spaces in responsive design响应式设计中具有恒定空间的比例宽度
【发布时间】：2021-01-26 01:24:49
【问题描述】：

我无法使用响应式组件来按比例宽度缩放一些按钮，但具有恒定的空间。

在下面的示例中，小箭头都是 15 像素，我希望按钮根据框的最大宽度放大或缩小，但空间保持不变。我试过这个属性：calc((100% / ${allEleemnts}) - (${spaces} / 2)),

但是当页面放大或缩小时，我并不能在所有元素之间获得完全相同的空间。对于我的尝试以及成功缩放某些元素的宽度同时在它们之间保持一些恒定空间的人的反馈，我真的很感激。

【问题讨论】：

【解决方案1】：

实现这一点的更好方法是通过 CSS Grid 访问 CSS 属性

gap: 10px; /* 10px is just an example*/

这将使您能够更好地控制布局并提供一致的空间，使其更具响应性。

您可以通过以下方式了解 CSS Grid： https://www.w3schools.com/css/css_grid.asp

【讨论】：