0
点赞
收藏
分享

微信扫一扫

【React Native】自定义组件

郝春妮 2024-09-13 阅读 32
css前端

在 CSS 中,常见的尺寸单位有以下几种:

像素(px):

这是最常用的绝对单位。例如 width: 200px; 表示宽度为 200 像素。像素是固定的尺寸,不会随着屏幕分辨率或设备的不同而变化。

百分比(%):

相对单位,基于父元素的尺寸。比如,如果父元素宽度为 500px,子元素设置 width: 50%; ,则子元素宽度为 250px。

em:

相对于父元素的字体大小。例如,如果父元素字体大小为 16px,子元素设置 font-size: 2em; ,则子元素字体大小为 32px。

rem:

相对于根元素(通常是 <html> 元素)的字体大小。这使得在整个页面中设置尺寸更加统一和可控。

vw 和 vh:

视口宽度(Viewport Width)和视口高度(Viewport Height)的单位。1vw 等于视口宽度的 1%,1vh 等于视口高度的 1%。

例如,如果视口宽度为 1000px,设置 width: 50vw; ,则元素宽度为 500px。

举报

相关推荐

0 条评论