前端/移动开发面试题更新 2026-08-05

如何画一条10px的线(使用缩放0.83),以及0.5px的线(使用translate和scale(0.8))?

哔哩哔哩前端/移动开发问题拆解技术原理CSS

考察说明

考察CSS变换(scale和translate)对渲染线宽的影响,以及如何实现亚像素线条

回答思路

  1. 能解释scale变换如何影响元素的渲染尺寸
  2. 能说明translate与scale组合使用时坐标变换顺序的影响
  3. 能正确计算0.5px线在缩放后的实际渲染宽度
  4. 能提供实际的CSS实现方法,如使用transform: translate(...) scale(0.8)