一、前言 我们h5项目适配采用的是淘宝那套《Flexible实现手淘H5页面的终端适配》方案。主要原理是rem布局。最近和别人响应式实现原理，发现虽然已经使用了那套方案很久，但是自己对rem的理解很含糊， 包括vw、vh等。所以打算写博客总结一下，以加深理解。 二、几个概念 这里就不讲那些，物理像素 ...
分类：
其他好文 时间：
2018-05-19 12:00:21
阅读次数：
1884
目录： 1.这个方法的用途 2.两个方法的区别 3.总结 概述： H5页面做多了，自然就会做到页面上的返回功能，返回功能大致有两种：history.back(-1)和history.go(-1)，今天我们来说说两种方法的区别。 这个方法的用途 返回一个页面方法有很多，就好比给返回按钮绑定一个URL， ...
分类：
其他好文 时间：
2018-05-16 18:41:50
阅读次数：
148
移动端适配 web页面跑在手机端（h5页面） 跨平台 基于webview（） 基于webkit 常见适配方法 pc端采用display：inline block，让div盒子横着排 移动web：采用定高，宽度百分比， flex弹性布局 ，meDIA QUERY 媒体查询 ； 媒体查询 结合css，通 ...
分类：
移动开发 时间：
2018-05-15 19:46:44
阅读次数：
285
支付宝打开H5页面，列表渲染出了问题 其他浏览器，UC什么的都是好的，纯Jquery写的。 刚开始以为是.html()出问题，采用原生写，还是没作用。 解决方案： 因为列表我用 overflow:auto，这个每次右边渲染会出问题， 改成： overflow:scroll 就可以了 花了接近2天的时 ...
分类：
其他好文 时间：
2018-05-14 12:31:08
阅读次数：
598
Meta基础知识： H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 //一、HTML页面结构 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1 ...
分类：
其他好文 时间：
2018-05-14 12:28:39
阅读次数：
233
首先，请原谅我做一次标题党； 但我觉得从发现问题到最后解决问题的过程还是蛮有意思的，特此记录一下； 背景 近两天开发的 是内嵌在客户端（android、ios）webview 中的 H5 页面。其中有部分内容需要前端排序后再显示。代码很简单： let m = [6,4,8,10,3,5] conso ...
分类：
移动开发 时间：
2018-05-11 13:05:14
阅读次数：
349
ios系统微信浏览器、safari浏览器中h5页面上拉下滑导致悬浮层脱离窗口的解决方法 ios偶现下拉出现黑底时，界面第一次上拉时拉不动的解决方案： ios系统微信浏览器、safari浏览器中h5页面上拉下滑导致悬浮层脱离窗口的解决方法 ios偶现下拉出现黑底时，界面第一次上拉时拉不动的解决方案： ...
分类：
微信 时间：
2018-05-10 17:30:40
阅读次数：
928
为大家提供一个H5页面手机横屏解决方案，这个是我朋友给我的，特别好用：https://pan.baidu.com/s/1eVZf6frKNnZylkft-OaFPA 当手机横屏的时候会出现： 因为不管使用监听旋转角度还是监听长宽比进行页面旋转，都会受到兼容性和可操作性的一些限制。这个方案也是用页面的 ...
分类：
移动开发 时间：
2018-05-08 22:31:05
阅读次数：
307
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>html元素转canvas并一键生成png图片(支持img图片元素)</title> <!-- html2canvas将Dom节点在Canvas里边画出来 --> ...
分类：
其他好文 时间：
2018-05-04 11:59:00
阅读次数：
3496
论坛43213 移动端webApp兼容问题解决 ...
分类：
移动开发 时间：
2018-04-27 23:02:44
阅读次数：
1021
