Html 如何使此输入元素对低分辨率屏幕响应?

Html 如何使此输入元素对低分辨率屏幕响应?,html,css,responsive-design,bootstrap-4,Html,Css,Responsive Design,Bootstrap 4,下面是我试图使其响应的输入元素的html 我试图使输入响应较低的屏幕分辨率,如1200 X 600。这是这个HTML的CSS .demo{ 位置:相对位置; 宽度:100px; } .演示一{ 位置:相对位置; 底部:14px; 右:24px; 顶部:自动; c光标:指针; } 日期范围 使用col-2代替col-lg-2 col-md-2 它适用于所有屏幕尺寸(从xs到lg)的含义是什么 .demo{ 位置:相对位置; 宽度:100px; } .演示一{ 位置:相对位置; 底部:14px

下面是我试图使其响应的输入元素的html

我试图使输入响应较低的屏幕分辨率,如1200 X 600。这是这个HTML的CSS

.demo{
位置:相对位置;
宽度:100px;
}
.演示一{
位置:相对位置;
底部:14px;
右:24px;
顶部:自动;
c光标:指针;
}

日期范围


使用
col-2
代替
col-lg-2 col-md-2

它适用于所有屏幕尺寸(从
xs
lg
)的含义是什么

.demo{
位置:相对位置;
宽度:100px;
}
.演示一{
位置:相对位置;
底部:14px;
右:24px;
顶部:自动;c
光标:指针;
}

日期范围


如果您为.demo指定了固定宽度,那么使用col-lg-2或任何其他网格类都没有好处。