最近做了两个关于h5页面对接公众号的项目，不得不提打开微信浏览器内置地图导航的功能确实有点恶心。下次想起来了的话，进行总结分享一下如何处理。在vue移动端h5页面当中，其中适配是经常会遇到的问题，这块主要有死个方法可以适用。 方法一：引入淘宝开源的可伸缩布局方案 引入淘宝开源的可伸缩布局方案 ...

适配思路 设计稿（750*1334） ---> 开发 ---> 适配不同的手机屏幕，使其显得合理 原则 开发时方便，写代码时设置的值要和标注的 160px 相关 方案要适配大多数手机屏幕，并且无 BUG 用户体验要好，页面看着没有不适感 思路 ...

因为手机屏幕的分辨率大小不一 ，如果使用传统的静态布局，把每个元素的宽高样式写死，在不同的屏幕中就有各种各样的显示效果。这显然不是我们想要的结果。我们需要的是根据屏幕分辨率的不同，来适配不同的样式大小。使不同的手机分辨率下都有相同的样式布局 1.rem适配 1rem就是html标签 ...

要想移动端适配 并使用 rem 您需要先看这篇文章，配置好less ➡️ 在vue 中使用 less，就可以使用rem了 如果项目已经开发的差不多了，没有用到rem 又要使用rem，您用这招。 postcss-pxtorem：转换px为rem的插件 安装 ...

移动端 H5 页面不可遗忘的 meta 标签 viewport 这行代码的作用是设置视口的宽度（其实就是页面的宽度）等于设备宽度，页面不缩放并且也不允许用户进行缩放。 把一个普通的PC端页面（未加入上面 meta 标签的）直接放在手机端访问是可以展示完全的，但是页面明显经过缩放。可以用 ...

如果在一个区域内只允许部分区域产生滚动的效果，而其余部分不能移动，你会采用什么方法呢？ 首先我们可以把这个需求分解为两个小的问题来解决。 部分区域固定 其余区域滚动 部分区域固定 为页面的body部分设置height: 100%以及overflow ...

基础知识点 设备像素：设备像素又称物理像素（physical pixel），设备能控制显示的最小单位，我们可以把这些像素看作成显示器上一个个的点。 iPhone5的物理像素是640X1136。 PS：在普通屏幕下，1个css像素对应1个物理像素(1:1)。 在超高像素密度屏幕 ...

flutter_screenutil插件 flutter 屏幕适配方案，让你的UI在不同尺寸的屏幕上都能显示合理的布局! 注意：此插件仍处于开发阶段，某些API可能尚未推出。 安装依赖： 安装之前请查看最新版本 在每个使用的地方导入包： 属性 ...