css中vh和wh用法

vh是viewpoint的缩写，是根据视口的大小而改变的相对单位

1vh是占视口高度的百分之一

1wh是占视口宽度的百分之一

50wh就是盒子宽度占视口宽度的百分之五十

css中vh和wh用法相关推荐

html border 边距,css中border-sizing属性的用法
这篇文章给大家介绍的文章内容是关于css中border-sizing属性的用法,有很好的参考价值,希望可以帮助到有需要的朋友. box-sizing用于更改用于计算元素宽度和高度的默认的 CSS 盒子 ...
css中的text-shadow的用法
css中的text-shadow的用法作用:用来设置或者检索对象中文本的文字是否有阴影及模糊效果: 具体的效果: 用法: text-shadow:{length,length,length,colo ...
CSS中的!important属性用法
由于IE并不严格执行W3C标准, 而又几乎垄断了浏览器市场. 所以作为一名合格的网站制作人员, 必须要针对不同的浏览器进行微调. 实现不同浏览器之间兼容的方法有很多, 比如利用JS探测用户的浏览器类型 ...
css中的@mixin的用法
@mixin @mixin指令允许您定义可以在整个样式表中重复使用的样式,而避免了使用无语意的类(class),混入(@mixin)还可以包含所有的 CSS 规则,以及任何其他在 Sass 文档中被允 ...
css中vh/vw与%的区别
1. vh 与 vw 的区别 vh 与 vw 都是根据窗口大小比例适应显示, 1vw = 窗口宽度的1% 1vh = 窗口高度的1% vh 与 vw 差别仅在宽度或者高度 2. vh 与 vw 的与% ...
HTML中z index属性是用来,css中z-index 属性与用法详解
Z-index属性决定了一个HTML元素的层叠级别.元素层叠级别是相对于元素在Z轴上(与X轴Y轴相对照)的位置而言.一个更高的Z-index值意味着这个元素在叠层顺序中会更靠近顶部.这个层叠顺序沿着垂 ...
css中background: lighten的用法
话不多说看例子: <template><div class="btn" @click="btn">点击弹出消息提示框</div&g ...
html nthchild作用,详解CSS中:nth-child的用法
前端的哥们想必都接触过css中一个神奇的玩意,可以轻松选取你想要的标签并给与修改添加样式,是不是很给力,它就是":nth-child". 下面我将用几个典型的实例来给大家讲解:nt ...
html页边距为负值,css中的padding属性可以为负值吗？css中padding属性的详解
关于css盒模型中的内边距padding属性的详细介绍,还有新手常犯的一个错误,内边距padding属性真的能写入负值.这个答案在文章的最后,现在就让我们一起来看这篇文章吧首先我们介绍的是第一个问题 ...

css中vh和wh用法

css中vh和wh用法相关推荐

最新文章

热门文章