是的，所有主流浏览器对em默认渲染为斜体；但中文因字体缺italic变体，常出现伪斜体失真，应通过css覆盖为加粗+下划线等适配方案，同时保留语义。
em 在各浏览器中是否都显示为斜体？
是的，所有主流浏览器（Chrome、Firefox、Safari、Edge）对 em 的默认渲染都是 font-style: italic，没有例外。这不是“兼容性问题”，而是 HTML 规范明确要求的行为——em 语义即“强调”，浏览器必须提供可感知的视觉区别，默认就是斜体。
中文页面里用 em 会出什么实际问题？
问题不在浏览器，而在中文字体本身：font-style: italic 对绝大多数中文字体无效（无对应斜体字形），结果常表现为“伪斜体”（字体被算法拉斜，边缘锯齿、字宽变形、阅读吃力）。尤其小字号（如 12px 或 14px）下，这种失真更明显，反而削弱强调效果。
- 不是 bug，是字体设计限制：TrueType/OpenType 中文全字库极少内置 italic 变体
- CSS 无法强制生成高质量中文斜体，
transform: skewX(-12deg)属于 hack，破坏可访问性和印刷适配 - 屏幕阅读器仍会按语义读出“强调”，但视觉层完全失效，形成语义与呈现脱节
想保留语义又让中文看得清，怎么改 CSS？
直接覆盖默认样式，用更适配中文的强调方式，比如加粗 + 着重号（dot accent）或背景色微提示。关键是要保留 em 的语义，只换视觉表达：
em {
font-style: normal;
font-weight: bold;
background-image: linear-gradient(transparent 70%, currentColor 70%);
background-size: 100% 2px;
background-repeat: no-repeat;
background-position: left bottom;
padding-bottom: 2px;
}
-
font-style: normal必须写，否则 Safari 旧版可能残留轻微倾斜 - 避免用
text-decoration: underline—— 中文下划线易与标点（如顿号、句号）混淆 - 若需兼容 IE11，
background-image换成 base64 图片或border-bottom替代
strong 和 em 能否混用或互相替代？
不能按“哪个更粗”来选。HTML5 明确定义：strong 表示内容重要性高（如警告、必填项），em 表示语音重音或上下文强调（如反语、对比）。两者语义不同，屏幕阅读器会用不同语调朗读。
- 把“密码必须包含数字”里的“数字”包在
em里，是提示读音重音；包在strong里，则暗示该条件不可协商 - 即使你把
em样式改成加粗，也不应因此用它替代strong—— 语义污染比样式不一致更难修复 - 真实项目里最常被忽略的，是没在 CSS 重置中统一处理
em和strong的font-style/font-weight，导致部分中文段落强调失效却不报错
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
