保持css流体布局的比例

Question

我将布局设置为百分比，但我的div包含一个需要保持比例的图像。 例如，我计算得出2：1宽度= 300px，高度= 150px。

我怎么能用css做到这一点？ 我可以读取百分比并将其除以2吗？

Answer 1

对于保持比例的图像，只需要定义一个维度。

因此，如果您将宽度设置为300px，将高度设置为auto，则会保持比率..

Answer 2

您可以使用

width:66.67%和width:33.33%。

Answer 3

您无法使用图像的百分比，就像您定义图像宽度的百分比一样，它将对其父div宽度进行维数。因此，您必须按比例为原始图像大小定义图像的像素宽度。但是如果你想比例div的宽度，你可以使用百分比。并且为了使图像成比例，只需定义宽度而不是高度，这将使图像与原始尺寸成比例。