在安卓中，直接使用原生 video 会导致全屏播放，盖住所有元素，因此使用 x5 播放器。但是 x5 播放器还是存在问题，虽然不会盖住元素，但是会自己添加特效（盖一层导航栏蒙层）。 这样可以在安卓下使用 x5 播放器， playsInline 及 webkit-playsinl…

h5使用vw实现自适应 -安装postcss-px-to-viewport&&踩坑&&postcss.config.js

VW是基于Viewport视窗的长度单位，1vw = window.innerWidth/window.innerHeight*1%，如果是750设计稿，100vw = 750px，即1vw = 7.5px，我们可以根据设计稿上的px值直接转为vw值。但是这样计算不太方便，所以…

rem 这个单位对于前端来说并不陌生了,在移动端适配方面,我们经常会用到它,通常我们会采用类似淘宝flexible.js 的方案, 写px,然后通过插件转化成rem,然后得出一堆小数值的rem单位.淘宝这个方案已经用了很多年,兼容性很好,然而现在已经2018年了,许多兼容性问题…

开发一个平台，要求在PC端和移动端上都有较好的体验。 一套资源，根据判断是否是移动设备而选择加载不同的css。 两套资源，pc和mobile各一套，分开维护，在入口处进入不同的路由。 1.前者适用于两端交互和布局差别不大，交互比较简单的项目。只有一套资源，代码量少，维护起来比较…

在今天这篇文章中，我并不会在这里讲一些移动端视口的概念，包括物理像素和逻辑像素，理想视口，dpr等等等等，我只介绍这样一种非常不错的移动端适配方案：post-css-to-viewport，如果我说这种方案能解决98%以上的移动端布局痛点，我想整个掘金，应该没有人会反驳。 这种…

安装：main.js引入：配置.postcssrc.js（需要在项目中新建一个js文件）：配置bulid文件夹下的utils.js：index.html如果在vue-cli3脚手架配置也是大同小异：（

第一步：创建项目创建一个vue3.0的项目，一路enter过去，得到了一个初始的代码，对home页进行一些删改，输出页面：第二步：安装lib-flexible第三步：在main.js中引入lib-fl

公众号：积雷山摩云洞，欢迎关注！！！ 最新开始重构嵌入微信公众号的h5项目，所以就把项目的初始搭建过程叙述下 以上是项目刚开始搭建后首页的样子 一、选择技术栈 这个是听上去好像很牛叉，但是实际就那么一