上周面试了个哥们，简历写得挺漂亮，大厂背景。结果一问移动端适配，直接卡壳。

他说他做过很多项目，但问到具体细节，比如 viewport 到底怎么配，或者 iOS 的 1px 边框怎么搞，他就开始背答案。

这种面试，我一般直接 pass。

为什么？因为移动端开发的水，比你想的深得多。

今天不聊虚的，就聊聊我在面人时，最爱问的几个移动网站开发面试题里的硬骨头。

第一个，视口（Viewport）设置。

很多人只会背 meta 标签那几行代码。

背得滚瓜烂熟，对吧？

但我问：如果用户强制放大了页面，你的布局崩了怎么办？

这时候，考验的是你对用户行为的尊重，还是对技术的死板控制。

现在的浏览器，用户习惯越来越强。强行禁止缩放，体验极差。

更好的做法是，用 rem 或者 vw/vh 做相对单位，而不是写死 px。

这样不管用户怎么缩放，你的页面都能自适应。

这才是正经思路。

第二个，iOS 的 1px 边框问题。

这题出率极高。

很多面试官喜欢问这个，觉得能看出你是否真的踩过坑。

最简单的回答是，用 0.5px。

但这在安卓上会消失，在高分屏上可能显示不清。

更稳妥的办法，是用伪元素加上 transform: scale(0.5)。

或者用 box-shadow 模拟边框。

我见过有人用背景渐变来做，虽然麻烦，但兼容性最好。

关键不是答案本身，而是你能说出为什么这么选。

第三个，移动端点击延迟。

300ms 延迟，是个老生常谈的话题。

但你知道怎么彻底解决吗？

除了设置 viewport 禁止缩放，还可以用 fastclick 库，或者直接用 CSS 的 touch-action: manipulation。

现在的新浏览器，大多已经优化了这个延迟。

但如果你还在用老旧的安卓机，或者给企业做内部应用，这个坑还得填。

第四个，性能优化。

加载速度，直接影响转化率。

图片懒加载是基础。

但更深层的是，JS 的执行时机。

不要把所有脚本都放在 head 里，除非你用了 defer 或 async。

还有，减少重排和重绘。

这点很多初级开发容易忽略。

他们喜欢直接改 DOM 样式，导致页面闪烁。

正确的做法是，批量修改样式，或者使用 requestAnimationFrame。

第五个，跨端方案。

现在纯原生 H5 的项目少了。

大部分公司都要求会 Uni-app 或者 Taro。

面试时，如果你只会写原生 HTML/CSS/JS，竞争力会弱很多。

但这不代表你要放弃基础。

基础不牢，地动山摇。

框架只是工具，底层原理才是核心竞争力。

我见过太多人，只会调 API，一旦遇到 bug，就束手无策。

所以，在准备移动网站开发面试题时，别光盯着框架语法。

多去看看源码，多去理解浏览器的工作原理。

比如，知道渲染树是怎么构建的，知道回流和重绘的区别。

这些知识，在任何面试中，都是加分项。

最后，给个真实建议。

面试前，把自己做过的项目，从头到尾梳理一遍。

特别是那些踩过的坑，解决的过程。

面试官最喜欢问：你遇到过什么最难的问题？怎么解决的？

别准备标准答案。

准备一个真实的故事。

比如，某次上线前，发现 iOS 微信浏览器里，视频播放黑屏。

你是怎么排查的？

怎么发现是内核版本的问题？

最后怎么兼容的？

这种故事，比背一百道八股文都管用。

记住，面试是双向选择。

你也在考察公司。

看看他们的技术氛围，看看他们是否尊重开发者。

如果对方只会让你加班，却给不了成长空间，那趁早跑。

技术这条路，走得长远，靠的是热爱和坚持，不是投机取巧。

如果你还在纠结简历怎么写，或者面试总挂，不妨找个老鸟聊聊。

有时候，一句点拨，能省你几个月弯路。

别害羞，大家都是从小白过来的。

真诚点，往往能打动人心。

本文关键词：移动网站开发面试题