美文网首页
CSS样式:长度单位vh

CSS样式:长度单位vh

作者: 艾瑞克曾 | 来源:发表于2019-02-02 11:50 被阅读0次

今天学习Web应用开发的时候,看到了vh这个单位,今天就来捋一捋vh的定义方法和使用细则

vh 定义

vh,是指CSS中相对长度单位,表示相对视口高度(Viewport Height),1vh = 1% * 视口高度。
视口比例长度定义了相对于视口的长度大小,这是文档的可见部分。 当视口的大小被修改(通过更改桌面计算机窗口大小或旋转手机或平板设备的方向)时,只有基于Gecko的浏览器才动态更新视口值。
结合 overflow:auto,滚动条最终占用的空间大小不是减去视口大小之后的宽度,而overflow:scroll 才是。

ref:Web 技术文档 - CSS - Mozilla

相关文章

  • CSS样式:长度单位vh

    今天学习Web应用开发的时候,看到了vh这个单位,今天就来捋一捋vh的定义方法和使用细则 vh 定义 vh,是指C...

  • 自适应布局 — VW、VH

    vh vw 是css一种新的长度单位 vh -- 视口高度被均分为100单位的vh,即 1vh == 1%视口高度...

  • 干韩国活动

    干韩国活动 要点: 背景图片铺满全屏 方法一:min-height: 100vh;这是css3的长度单位vh,相对...

  • 纯 CSS 实现自适应正方形

    方案1:CSS3 vw单位 CSS3 中新增了一组相对于可视区域百分比的长度单位 vw, vh, vmin, vm...

  • css vh单位

    相对于视口的高度。视口被均分为100单位的vh 示例

  • CSS数值与单位

    CSS常用的单位有 em rem 百分数 px vw vh . em 相对长度单位相对当前元素的字体大小相同,「f...

  • CSS 计量长度单位

    css中常用字体长度单位有 px em rem vh vw 百分数,都表示尺寸。可以用于...

  • 前端常见面试题二十二

    Css单位px,rem,em,vw,vh的区别 像素px是相对于显示器屏幕分辨率而言的 em是相对长度单位。相对于...

  • CSS

    [TOC] CssNotes 1、HTML5样式嵌入方法 2、css优先级 3、css长度单位 4、css选择器 ...

  • 几个CSS的单位你需要了解一下

    css长度单位 css 长度单位一般我们分为绝对长度单位和相对长度单位 绝对长度单位 绝对长度单位是一个固定的值,...

网友评论

      本文标题:CSS样式:长度单位vh

      本文链接:https://www.haomeiwen.com/subject/fwhjsqtx.html