VLANlab
目录
关于
VLANlab
Frontend
11 tools
CSS Unit ConverterColor ToolkitGradient GeneratorcURL BuilderURL ParserURL Encoder/DecoderHTTP Status CodesBox Shadow GenFavicon GeneratorFlex & Gridrobots.txt Tester
VLANlab

计算 • 查找 • 验证

What Is My IP?IPv6 TestSpeed Test
DNS LookupDNS PropagationDNS Health CheckerSPF AnalyzerPTR LookupCAA RecordSRV RecordDNS TraceDNS PrivacyDANE / TLSADNSSEC CheckerSPF BuilderDKIM GeneratorZone DiffPTR Zone Generator
Subnet CalculatorCIDR Range ViewerVLSM CalculatorVLAN PlannerBandwidth CalcIPv6 Subnet CalcIP ↔ BinarySupernet CalcCIDR MergeCIDR to IP RangeCIDR SplitIPv4 → IPv6CIDR OverlapFree IP Space FinderDHCP CalculatorMTU Calculator
WHOIS LookupDomain Age CheckerSubdomain FinderIP GeolocationASN / BGP LookupIP Blacklist CheckReverse IP LookupMAC Address LookupBGP Prefix LookupRPKI / ROA CheckDomain Availability
Email InspectorDKIM CheckerEmail HeadersSMTP TestSMTP TLS CheckMX Health CheckEmail SecurityDMARC Generator
Temp Mail很快
Is It Down?SSL/TLS CheckerOpen Port CheckerOG Tag CheckerOCSP CheckerPing / LatencyHTTP InspectorRedirect ChainCSP AnalyzerTech Stack CheckerBetaTracerouteBetaHTTP/2 + HTTP/3robots.txt ViewerSSL Cert DecoderBanner GrabberWebSocket TesterCORS TesterDomain MonitoringHTTP TimingStructured DataPWA ManifestSEO Auditor
One-Time SecretHash GeneratorPassword StrengthSecurity.txtCT Log SearchAXFR Zone Test
HTTP Sec Score很快
WebRTC Leak TestIP Reputation
JSON FormatterYAML FormatterBase64 / URL EncodeJWT DecoderRegex TesterUnix TimestampCron BuilderUUID / ULIDPunycode / IDNBase ConverterACL Generator
CSS Unit ConverterColor ToolkitGradient GeneratorcURL BuilderURL ParserURL Encoder/DecoderHTTP Status CodesBox Shadow GenFavicon GeneratorFlex & Gridrobots.txt Tester
Text CompareCase ConverterText CleanerText AnalyzerText TransformerList ToolsLorem GeneratorSlug Generator
Cloud VPC PlannerCloud IP RangeSecurity GroupsIAM AnalyzerK8s CIDR PlannerFirewall BuilderHCL FormatterEgress Cost CalcCloud DNS Zone
VM Cost Estimator很快
Proxmox Net ConfigVMware Port GroupHyper-V vSwitchVXLAN VNI PlannerKVM Net ConfigXCP-ng NetworkNSX-T Segment
Disposable Email DetectorPhone InspectorTor Exit NodeVPN/Proxy DetectDomain ReputationTyposquat DetectUsername SearchFavicon Hash
GitHub ActionsDockerfile Gendocker-composeArgoCD AppK8s Manifests
关于

© 2026 VLANlab

无需登录 · 无广告 · 无追踪

2.43.fdd8a93

CSS单位转换器

立即在所有 14 种 CSS 单位之间进行转换。输入 px、rem、em、vw、vh、pt、cm、in 或任何其他单位,即可同时查看所有转换结果,并支持上下文相关的相对单位转换。

Absolute units
px1616px
pt1212pt
pc11pc
cm0.42330.4233cm
mm4.234.23mm
in0.16670.1667in
Relative units
rem11rem
em11em
%100100%
vw1.111.11vw
vh1.781.78vh
vmin1.781.78vmin
vmax1.111.11vmax
ch22ch

相关工具

Color Toolkit

在 HEX、RGB、HSL、HSV 和 CMYK 之间转换颜色。检查 WCAG 对比度,生成符合和谐规则的调色板,并创建色调和阴影标度。

Flex & Grid Visualizer

使用实时预览功能,以可视化的方式构建 CSS Flexbox 和 Grid 布局。控制容器和项目属性,然后复制可直接使用的 CSS。

Gradient Generator

以可视化的方式构建 CSS 渐变。配置线性渐变、径向渐变和圆锥渐变的颜色停止点、不透明度和位置,并复制可直接使用的 CSS 代码。

关于此工具

关于 CSS 单位转换器

CSS 单位分为两类:绝对单位和相对单位。绝对单位对应于固定的物理尺寸或屏幕尺寸,而相对单位则根据上下文(例如字体大小或视口尺寸)进行缩放。绝对单位包括 px、pt、pc、cm、mm 和 in。相对单位包括 rem(相对于根字体大小)、em(相对于父元素字体大小)、%(相对于父元素的百分比)、vw 和 vh(视口宽度和高度)、vmin 和 vmax(vw 和 vh 中的较小值和较大值)以及 ch(当前字体中零字符的宽度)。

如何使用

输入数值并选择其源单位。转换器会立即显示其他 13 种单位的等效值。为了确保相对单位计算正确,请展开上下文面板并设置根字体大小(通常为 16 像素)、父元素字体大小和视口尺寸。这些默认值与标准浏览器环境匹配,因此大多数转换无需更改即可正常工作。

此工具在以下情况下非常有用:将设计规范从 px 转换为 rem 以确保符合无障碍标准;检查视口相对尺寸在特定屏幕宽度下的表现;或了解 em 单位在嵌套元素中的级联方式。工程师在将代码库从基于 px 的布局迁移到 rem 或流式单位系统时经常使用它。