html - 如果图像高度太小，则为最大宽度

Question

我的 HTML 中有一堆动态图像。我想根据图像本身的大小对其大小应用某些限制。例如，这是我现在的代码：

.question_image {
    max-width: 300px;
    max-width: 300px;
}

但我想要类似的东西：

.question_image {
    if ( image.height < 50px )
      max-width: 80%;
    else
      max-width: 300px;
    max-width: 300px;
}

我唯一的问题是我需要使用纯 CSS，而不是 SASS。

这可能吗？

标签： htmlcss