将元素的大小设置为最大正方形以适合容器

时间:2017-09-05 15:41:18

标签: javascript html css

基本上,如果容器的尺寸是m x n,我想将元素的尺寸设置为min(m,n)x min(m,n)。

我之前看到过类似的问题,但答案似乎都假设容器的宽度大于它的高度 - 这在我的场景中无法保证。

目前我用JavaScript计算它,但我更喜欢纯CSS解决方案。我原本以为我可以使用" orientation"进行媒体查询。属性,但我认为媒体查询只能引用整个视口,而不是特定元素?所以这不会起作用。

这在纯CSS中是否可行?

0 个答案:

没有答案