像素直播重新计算百分比？

Question

我的项目有一个基于流量百分比的水平网格，并且喜欢使用与水平网格相同的垂直边距。

所以我有这样的事情：

.block_12_24{
display:inline-block;
vertical-align:top;
width:48%;
margin-right:2%;
margin-left:0;
/* Now this is what I need to have the very same as the margin-right-value: */
margin-top: 17px; //instead of that
}

现在我希望margin-top和margin-right具有相同的值。我的猜测是，我需要将2％重新计算为绝对量，如px，并将该值分配给margin-top。一直开始检查它并不是那么重要。通过这样做，JavaScript是唯一的可能性：

1. 给予margin-top大致拟合的值，如17px
2. 让页面加载
3. 通过JavaScript检查px中的浏览器宽度
4. var margin = that_amount / 50;
5. 将.block_12_24的margin-top操作为该数量

或者我也可以单独使用CSS吗？ 感谢

Answer 1

如果您始终在窗口大小的基础上设置边距（您的文档不能水平滚动），则可以使用视口百分比值vw而不是通常的百分比：

margin: 2vw;

这将根据宽度为所有边设置边距。

此方法在所有浏览器中的支持是quite good。