100vh

news/2024/11/24 8:32:22/

100vh 是一个 CSS 单位,表示视口(浏览器窗口)的高度。具体来说,它表示相对于视口高度的百分比,其中 vh 表示视口高度的1%。

举个例子,如果浏览器窗口的高度为 800 像素,那么 100vh 就等于 800 像素。如果浏览器窗口的高度改变为 1200 像素,那么 100vh 也会相应地变为 1200 像素。

使用 100vh 可以帮助我们创建占据整个视口高度的元素,使其适应不同屏幕大小和分辨率的设备。例如,你可以将一个元素的高度设置为 height: 100vh;,使其占据整个浏览器窗口的可见区域。

需要注意的是,100vh 是相对于视口高度的,而不是相对于整个页面的高度。如果页面有滚动条,滚动页面并不会改变视口高度,因此 100vh 的值也不会发生变化。

总结起来,100vh 是一个很便利的 CSS 单位,可以用于创建具有全屏高度的元素或布局,以及实现响应式设计。


http://www.ppmy.cn/news/669571.html

相关文章

RK3568-SARADC

RK3568-SARADC RK3568有8路SARADC配置设备树 内核常用接口 获取adc值: iio_read_channel_raw() 获取电压: iio_read_channel_processed()ADC常用接口 可以通过用户态接口获取adc值,其中*表示adc第多少通道: cat /sys/bus/iio/devices/iio\:device0/in_voltage*…

rk3399 注册drm 驱动

rk3399 基于component 框架,在probe阶段解析dts中各个设备的信息,加到componet match 列表中,等所有的设备加载完毕后,就会引发master设备的bind。 1.vop probe static int vop_probe(struct platform_device *pdev) {struct de…

MSP430F5529输出PWM

msp430f5529产生4路PWM波,改变占空比从而改变电机(直流减速电机)的速度。驱动电机必然会用到驱动模块,接下来就介绍一下驱动模块——L298N L298N驱动 若要对直流电机进行PWM调速,需设置IN1和IN2,即确定电机的转动方向;然后对使能…

Rk3399 Android9.0 恢复出厂设置流程

Reset 流程 : 1.原生设置中响应 恢复出厂设置 功能,继而发出重置广播(Intent.ACTION_FACTORY_RESET) . 2.frameWork层 接收到此广播,根据广播所携带的参数执行Android层的Reset设定. 3.Android层执行到最后会将Reset配置信息写入 /cache/recovery/command 中,最终进入Recove…

RK3588 配置HDMI支持8K分辨率输出

RK3588 配置HDMI支持8K分辨率输出 RK3588 芯片最高支持的输出分辨率可以到8K,由于Android12 SDK要支持多个显示接口,所以默认最高只配置了4K的分辨率支持,下面以RK3588-EVB1的开发板上配置HDMI输出8K输出为例进行说明如何让RK3588支持8K分辨…

超详细!旗舰SoC RK3588参数介绍-飞凌嵌入式

OK3568-C开发板 RK3588是瑞芯微旗下最新的8K旗舰SoC芯片,采用ARM架构,主要用于PC、边缘计算设备、个人移动互联网设备和其他数字多媒体应用。 RK3588集成了四核Cortex-A76和四核Cortex-A55,以及单独的NEON协处理器,支持8K视频编解…

Python神经网络学习(七)--强化学习--使用神经网络

前言 前面说到了强化学习,但是仅仅是使用了一个表格,这也是属于强化学习的范畴了,毕竟强化学习属于在试错中学习的。 但是现在有一些问题,如果这个表格非常大呢?悬崖徒步仅仅是一个长12宽4,每个位置4个动…

Linux操作系统配置代理服务器

PS:本文只是针对Linux操作系统对于代理服务器的配置操作,不涉及广告 1.代理的概念 代理服务器英文全称是Proxy Server,其功能就是代理网络用户去取得网络信息。形象的说:它是网络信息的中转站。在一般情况下,我们使用网络浏览器直…