Question

我正在制作一个网站而且我正在制作一个注册表格，但我需要根据wiewport调整div高度，如下所示：

xs devices：12
sm设备：9
md设备：7

注意：我正在使用bootstrap 4

Answer 1

这样的事情：

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

您可以使用this website查找多个设备的视口大小，并将max-width替换为您想要的大小。

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