引导响应高度

Question

我在做一个网站，我正在做一个登记表，但我需要根据wiewport调整DIV高度的，是这样的：

XS设备：12个
SM装置：9
MD设备：7

注：我使用的是引导4

Answer 1

事情是这样的：

@media only screen and (max-width: 500px) { 
    div{ 
     height: 12px; 
    } 
} 

您可以使用this website查找多个设备的视口尺寸，并将最大宽度替换为所需的尺寸。

如果条件为真，媒体查询将检查您的屏幕大小并在块内应用指令。

More about media queries here and here