Html 有没有一种方法可以做一些类似于col md和col sm的事情,而不是用高度来做

Html 有没有一种方法可以做一些类似于col md和col sm的事情,而不是用高度来做,html,css,sass,bootstrap-4,flexbox,Html,Css,Sass,Bootstrap 4,Flexbox,如果一个人正在使用类似sm md和lg工作方式的小型或大型设备,我想改变高度。我正在创建一个登录表单,它在手机上看起来不错,但当我尝试在ipad上查看它时,表单的高度太高,输入的文本间隔太大。每个输入之间都有很大的差距 这是我的表格开始的地方 <form [formGroup] = "signupForm" (ngSubmit)="OnSubmit()" class="col-7 col-sm-6 col-md-5 col-lg-4" style="border:3px solid red

如果一个人正在使用类似sm md和lg工作方式的小型或大型设备,我想改变高度。我正在创建一个登录表单,它在手机上看起来不错,但当我尝试在ipad上查看它时,表单的高度太高,输入的文本间隔太大。每个输入之间都有很大的差距

这是我的表格开始的地方

<form [formGroup] = "signupForm" (ngSubmit)="OnSubmit()" class="col-7 col-sm-6 col-md-5 col-lg-4" style="border:3px solid red;width:70vw;height:85vh;">

而不是

height:85vh
做:

另外,您的内联样式:

width:70vw;

可能会干扰引导网格

如果在引导col类中使用height:auto怎么办?不太确定我是否理解正确,但我会使用媒体查询。与引导中的相同。请查看源scss文件。
width:70vw;