首页前端开发CSScss3vh

css3vh

时间2023-09-21 20:38:03发布访客分类CSS浏览253
导读:.div {width: 100vw;height: 50vh;background-color: gray;}CSS3引入了一些新的视窗单位,其中一个是vh。vh是指视窗的百分之一高度。使用vh单位,可以根据视窗的高度来适配长度和高度。比...
.div { width: 100vw; height: 50vh; background-color: gray; }

CSS3引入了一些新的视窗单位,其中一个是vh。vh是指视窗的百分之一高度。使用vh单位,可以根据视窗的高度来适配长度和高度。比如,下面这段代码设置了一个高度为视窗高度一半的灰色盒子:

div class="div">
    /div>
    

上述代码中,我们将盒子的高度设置为50vh,这样就可以让它始终保持屏幕高度的一半。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: css3vh
本文地址: https://pptw.com/jishu/452600.html
mysql字节数据类型 css3steps()

游客 回复需填写必要信息