乐摇摇前端面试题（含详细实战答案）.docx

乐摇摇前端面试题（含详细实战答案）

一、前端基础必考（乐摇摇高频提问）

1、移动端1px细线问题怎么解决？业务场景是什么？

参考答案：乐摇摇很多抽奖、弹窗、卡片分割线都会遇到1px在手机上变粗的问题，根源是移动端dpr设备像素比，1个css像素会对应2/3个物理像素。

我项目里最常用两种方案：

①伪元素缩放方案（兼容性最好，适配所有机型）：用after伪元素画1px边框，然后根据dpr缩放0.5倍，不会挤压布局，适合活动页卡片、按钮边框；

②viewport适配：设置metaviewport动态缩放，适合整站统一适配。

我一般优先用伪元素方案，不用改全局配置，单个组件复用性更强，适配微