免费工具
简体中文
CSS布局与排版
PX与REM换算 · 生成CSS网格 · CSS流式字体大小 · 生成CSS变量. CSS布局与排版. 各项任务保留独立输入与设置，复用结果前请先选择目标任务。
无需账号
各项任务保留独立输入与设置，复用结果前请先选择目标任务。
生成CSS媒体查询
生成CSS媒体查询 — 输入数据并检查格式或内容
此任务的固定链接正在加载工具…
使用方法 · 生成CSS媒体查询
- 输入指南: 最小视口宽度 (px), 最大视口宽度 (px).
- 运行工具并查看结果。
- 复制结果 / 保存结果文件.
先通过示例检查输出格式。保留原始内容，核对转换值、空格和换行后再使用结果。
离开或刷新后输入和文件会消失，手动保存的草稿与预设会单独保留。使用前请检查结果。
可用功能 · 9
- PX与REM换算
- 按根字体大小换算PX和REM
- 生成CSS网格
- 生成CSS网格 — 指定尺寸或颜色，查看代码或结果
- CSS流式字体大小
- CSS流式字体大小 — 指定尺寸或颜色，查看代码或结果
- 生成CSS变量
- 生成CSS变量 — 输入数据并检查格式或内容
- 生成CSS媒体查询
- 生成CSS媒体查询 — 输入数据并检查格式或内容
- CSS间距比例
- CSS间距比例 — 指定尺寸或颜色，查看代码或结果
- CSS字体大小比例
- CSS字体大小比例 — 指定尺寸或颜色，查看代码或结果
- CSS · 变量 · 分析
- 输入项: CSS
- 字体 · CSS · 生成器
- 输入项: 名称, URL, 模式, 重量
使用方法
- 1搜索或选择任务并输入内容。
- 2运行任务后检查结果或错误。
- 3选择复用结果，再选择目标任务并应用。
使用提示
离开或刷新后输入和文件会消失，手动保存的草稿与预设会单独保留。使用前请检查结果。
广告可能处理连接数据，个性化遵循您的隐私选择。 隐私说明（英语）