如何根据屏幕尺寸自动调整盒子高度?

时间:2015-11-15 20:24:47

标签: css

现在,我有这段代码:

.form1 {
text-align: justify;
height: 250px;
padding: 15px;
border-radius: 20px;
margin: 20px 15% auto 15%;
background-color: rgba(255,255,255,0.7);}

因此,对于中等大小的屏幕,表单的高度设置为250px(当它覆盖我的笔记本电脑的整个屏幕时工作)。但是,当我减小窗口的大小(因为我使用的是列)时,文本会占用更多空间,因此高度必须增加。如何根据屏幕尺寸自动调整?

1 个答案:

答案 0 :(得分:0)

使用min-height: 250px;会带来您期望的结果。