Html 根据屏幕宽度缩放div填充 我试图在媒体查询的范围内，在div刻度的15%到5%之间进行填充。

那么，假设我已经定义了要使其生效的最小和最大宽度：

@media (min-width: 500px) and (max-width: 1500px)

我的目标是从1500px的15%提高到500px的5%。我知道这样做需要一个方程式来改变基于屏幕宽度的比率，但我不确定/没有经验设置这些类型的东西

如有任何建议，我们将不胜感激

官方的答案是，这不能单靠CSS来实现

但是，您可以使用类似这样的解决方法

div.dynamic{padding:5vw；border:1px solid；}
@介质（最小宽度：500px）和（最大宽度：599px）{div.dynamic{padding:5vw；}}
@介质（最小宽度：600px）和（最大宽度：699px）{div.dynamic{padding:6vw；}}
@介质（最小宽度：700px）和（最大宽度：799px）{div.dynamic{padding:7vw；}}
@介质（最小宽度：800px）和（最大宽度：899px）{div.dynamic{padding:8vw；}}
@介质（最小宽度：900px）和（最大宽度：999px）{div.dynamic{padding:9vw；}}
@介质（最小宽度：1000px）和（最大宽度：1099px）{div.dynamic{padding:10vw；}}
@介质（最小宽度：1100px）和（最大宽度：1199px）{div.dynamic{padding:11vw；}}
@介质（最小宽度：1200px）和（最大宽度：1299px）{div.dynamic{padding:12vw；}}
@介质（最小宽度：1300px）和（最大宽度：1399px）{div.dynamic{padding:13vw；}
@介质（最小宽度：1400px）和（最大宽度：1499px）{div.dynamic{padding:14vw；}
@媒体（最小宽度：1500px）{div.dynamic{padding:15vw；}}

---

这是div

太棒了！这正是我想要的