Javascript 是否有任何数学算法有助于响应良好的html设计？

我已经厌倦了猜测什么百分比，我需要使用

（x）div的数量以及我的设计流程中的其他元素。我想知道在决定
是否缩小
10%
时，需要用什么样的数学方法来确定
，
需要缩小
（x）%
以保持
2%
的差距。我不知道这个问题怎么说。我知道有bootstrap，但我很好奇他们用什么样的数学方法来保持它的响应性。
为了回答这个问题，我要澄清一些假设。如果有错误，一定要改正

您使用的设计在柱之间具有固定的檐槽
你没有使用引导
如果您想更好地控制，最好使用固定像素或基于em的排水沟。Bootstrap就是这样做的

.col {
    padding-right: 20px;
}
.col:last-of-type {
    padding-right: 0;
}

如果您关心图像或元素的纵横比，可以尝试以下操作：

.element-with-aspect-ratio {
    height: 0;
    width: 100%;
    box-sizing: border-box; // if not set globally
    padding-bottom: 33.33%; // For a 3:1 aspect ratio
}

我首选的方法是使用纵横比的.column>.element

网格的数学不应该太复杂。查看Chris Coyier的指南。
你到底在问什么？基本算术？百分比并不复杂。我猜是什么让你的html响应。我发现自己在猜测，在让我的布局看起来像我想要的那样时，宽度和高度需要使用多少百分比。如果您对填充或边框感到困扰，请使用css属性框大小：border box；：-你是不是只是为了回答一个问这个问题的人的问题而开了一个账户？这是一个很好的交流，哈哈，谢谢！我曾尝试在bootstrap中查看CSS文件，但这是相当令人难以接受的，因为我对cssHaha不太精通，我已经拥有该帐户多年了。我想我应该开始用它了。用更多的内容编辑了答案。我试图用编辑来修复你的CSS格式以帮助你解决问题，但你刚刚删除了那个更改。没问题@SavacryDigital。如果对你有帮助，请将其标记为正确答案。