text-indent设为px后缩进“看起来不对”是因为32px等固定像素值不随系统缩放、高DPI屏或辅助功能下的字体放大而变化，导致缩进宽度僵化，相对文字变窄甚至不足一字宽；仅限字体固定、无响应式与无障碍需求的静态场景（如Electron内嵌文档、打印样式、SVG硬编码文本）可安全使用。
text-indent设成px后为什么缩进“看起来不对”
直接写 text-indent: 32px 能生效，但多数场景下不推荐——不是代码错，而是视觉失准。系统缩放125%、高DPI屏（如MacBook Retina）、用户开启“更大文本”辅助功能时，32px缩进会卡死不变，而文字变大后，缩进就显得太窄，甚至不如一个汉字宽。
哪些情况可以安全用px单位
仅限字体大小绝对固定、无响应式需求、不考虑辅助功能的静态页面，比如：
- 内嵌在Electron或WebView里的离线帮助文档
- 打印样式表（
@media print）中，纸张尺寸和字体已锁定 - SVG内嵌文本，且
font-size用px硬编码、无缩放逻辑
px值怎么选才接近“两字宽”效果
若必须用px，按默认中文渲染习惯反推：16px字号下，一个标准汉字宽度≈16px，两字宽≈32px；但实际受字体影响大（如“微软雅黑”比“思源黑体”略宽）。可参考这些经验值：
-
text-indent: 32px：适用于16px基础字号、常规中文字体 -
text-indent: 28px：偏窄字体（如部分等宽字体或小字号场景） -
text-indent: 36px：偏粗/偏展字体（如“站酷小薇”或18px以上字号）
别用20px或40px这类整十数——它和汉字宽度无映射关系，容易在缩放后明显脱节。
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
立即学习“前端免费学习笔记（深入）”；
调试时发现px缩进没反应？先查这三点
常见失效不是单位问题，而是渲染上下文被破坏：
-
display不是block或inline-block（比如display: flex子项或display: table-cell） - 段落开头是
<img>或<svg>等替换元素，缩进作用在图像左侧，视觉上“没动” - 某处CSS写了
text-indent: 0 !important（富文本编辑器输出、UI库重置样式常见）
最快验证方式：打开开发者工具 → 查看目标<p>的Computed面板 → 确认display为block，且text-indent最终计算值确实是你要的px数。
em才是中文首行缩进的默认语言，px只是应急方言；用px时，你得自己承担缩放、DPI、字体差异带来的所有视觉偏差。
