第一种: 宽高设置百分比
#id{
width: 50%;
height: 50%;
}
第二种:设置单位为vw和vh
#id{
width: 50vw;
height: 50vh;
}
区别: 第一种是根据标签的内容进行自定义的高度,宽度是根据父标签;
第二种是根据窗口的大小进行自适应。
第一种: 宽高设置百分比
#id{
width: 50%;
height: 50%;
}
第二种:设置单位为vw和vh
#id{
width: 50vw;
height: 50vh;
}
区别: 第一种是根据标签的内容进行自定义的高度,宽度是根据父标签;
第二种是根据窗口的大小进行自适应。