问题产生 在搜索界面，点击搜索框之后ios键盘弹起，可视区域原高度不变，会进行滚动（ios问题，安卓界面无问题） ios 橡皮筋效果 禁止滚动是为了让搜索框位置固定 因为搜索框失去焦点，界面滚动时，搜

📱⚡️ 基于 vite4 + Vue3.2 + TypeScript + pinia + mock + less + vantUI + 适配 + axios 封装的移动端基础模版 前言 vue-cli

最近再改公司内部移动端 ios 安全区域适配的问题，所谓知己知彼百战百胜，所以深入的学习了一下 安全区域适配有关的知识，以及分享一下遇到的坑点和解决方案。

近期，我在做一个项目。老板希望我们的产品在不同的设备上都能有良好的用户体验，同时，为了节省人力成本，希望在同一套代码上去针对不同的屏幕尺寸去做样式适配。因为我选择了 tailwindcss 作为 cs

基于Nuxt3、TypeScript、Vant4、Vite、Pinia、UnoCSS的移动端模版搭建。

由于手机屏幕尺寸不一样，分辨率不一样，或者需要考虑横竖屏的问题，或者考虑到移动端兼容性。这时候你也就不得不解决在不同手机上，不同情况下的展示效果，所以就需要一个开箱即用并且行之有效的移的移动端适配方案

不知不觉在网易已有三年半，占了一半时间都在与移动端打交道，整个阶段都是遇坑填坑的学习过程。移动端开发在前端里像神一样地存在，不是说它多难而是说它坑位实在太多了，怎样填都填不完。Android和iOS各显神通，Android的系统版本和屏幕分辨率多得难以一招兼容，iOS的顽固标准…

在项目开发过程中，设计师经常会说，这里边框像素边框不对，要求1像素但是实际是2像素，当我们去查代码时我们写的就是1px，这是前端开发者经常遇到的一个问题，也就是1px像素问题。 要了解并解决问题，我们首先需要了解其原理才能从根本上找到解决方案。 首先我们需要对物理像素，逻辑像素…