本文档目的在于帮助基于 Uniapp 进行移动开发的人员 快速上手、规避问题、提升效率。将以流程提纲的方式，整理开发过程各阶段可能出现的问题点以及思路。

前言：根据最近做的一个医疗手机端项目总结在移动端，vue怎么在不同屏幕上做根据不同屏幕大小适配 1、适配方案 在本项目中我所使用的vue移动方案是使用amfe-flexible 和 postcss-p

... 上面这些问题可能我们在开发中已经知道如何解决，但是问题产生的原理，以及解决方案的原理可能会模糊不清。在解决这些问题的过程中，我们往往会遇到非常多的概念：像素、分辨率、PPI、DPI、DP、DIP、DPR、视口等等，你真的能分清这些概念的意义吗？ 本文将从移动端适配的基础…

平时我们写页面的时候写的 css 单位一般都会是px 为单位也就是像素单位，也就是一个相对长度的单位，而像素也就是相对于显示器屏幕的分辨率而定的。那么除了一个px单位以外还有em以及 rem,在我们国内来说用得最多当然是px单位，而在国外的网站字体用的大都em 和 rem 的单…

2020还自己手写css在个大浏览器的兼容版本难免有些low，这里的autoprefixer正好可以帮我们增加兼容版本。 rootValue根据UI图的大小进行设置，像vant、mint-ui这样的第三方UI框架是375，但是我们开发是一般使用的是750的尺寸，如果rootVa…

1. 安装amfe-flexible和px2rem-loader 2. 配置amfe-flexible 3. 配置px2rem-loader 4. 展示效果 1. postcss-aspect-ratio-mini 有一点需要特别注意：aspect-ratio属性不能和其他属性…

BetterScroll 是一款重点解决移动端各种滚动场景需求的开源插件（GitHub地址），适用于滚动列表、选择器、轮播图、索引列表、开屏引导等应用场景。 为了满足这些场景，它不仅支持惯性滚动、边界回弹、滚动条淡入淡出等效果的灵活配置，让滚动更加流畅，同时还提供了很多 API…

骨架页面（Skeleton Page）指的是当你打开一个 H5 页面，在页面解析和数据加载之前，首先给用户展示页面的大概样式。在骨架页面中，图片、文字、图标都将通过灰色矩形块来展示，在真实页面展示之前，用户能够感知到即将加载页面的基本 CSS 样式和页面布局。饿了么移动 web…