为什么要使用rem 之前有些适配做法，是通过js动态计算viewport的缩放值（initial-scale）。 例如以屏幕320像素为基准，设置1，那屏幕375像素就是375/320=1.18以此类推。 但直接这样强制页面缩放过于粗暴，会导致页面图片文字失真模糊。 Px是相对固定单位，字号大小直接...

2018-06-24 01:21:25 h5页面

本文是对移动端多人协作开发项目一些经验总结 1、移动端自适应 2、scope的使用 3、webkit内核两行显示省略号 4、absolute下flex布局失效 1、移动端自适应 正在开发一个APP项目，对于自适应有些体会 在移动端，宽度自适应可以使用百分比来控制，加上flexbox，width: 20%...

2018-06-24 00:58:24 h5页面

一、jQuery Mobile jQuery Mobile 是jQuery在移动设备上的版本，做为主要针对移动设备的框架来说，它提供一个移动设备平台统一的接口来兼容不同的移动平台，其特性包括: 1．简单易用 2．渐进增强和优雅降级 3．Accessibility 4．小规模 5．主题设置 6．跨平台 官网：ht...

2018-06-24 00:48:18 h5页面

需求： APP要用H5页面做展示，而且要获取到对应的商品ID，用户点击H5页面跳回APP原生页面。 方法： 先要判断用户是ios还是android设备(这里只考虑ios跟android，因为它俩写法还是有点不一样，所以分开)，然后禁止掉H5页面的跳转，获取点击区域的ID，传给APP。 ios: 其...

2018-06-24 00:34:16 js方法h5页面

近来在做H5页面时，突然发现一个问题，使用一个div包裹一个img，在手机预览时，发现图片与div之间有间隙。 当时第一反应就是，是不是间距没有设置为0，于是预览了下代码： .active img { width:100%; margin: 0; } 后来浏览了一些技术文档，发现了问题所在，原来是因为...

2018-06-24 00:25:41 h5页面

1.移动端开发视窗口的添加 h5端开发下面这段话是必须配置的 meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" 其它相关配置内容如下： width viewport 宽度(数值/device-width) height viewport 高度(数值/device-height) initi...

2018-06-24 00:21:29 css代码web前端h5页面h5 页面html 代码

前言 目前我们做m端时都会用到定位，当用户第一次打开h5页面时会启动gps定位，并结合百度map来查找城市。按照我们的逻辑思路就是gps定位获取经纬度，传到后台调用百度的一个接口查找城市名称。 1、查询得到城市名称，我们根据城市名称在我们自己的数据库里再查询对应的...

2018-06-23 23:55:10 h5页面

前言 目前我们做m端时都会用到定位，当用户第一次打开h5页面时会启动gps定位，并结合百度map来查找城市。按照我们的逻辑思路就是gps定位获取经纬度，传到后台调用百度的一个接口查找城市名称。 1、查询得到城市名称，我们根据城市名称在我们自己的数据库里再查询对应的...

2018-06-23 23:42:24 h5页面

一. 案例介绍 这里模拟一个实际业务场景，进行介绍微信支付，业务功能包括：登录、注册、充值、查看充值记录。 页面图： 二. 概要设计 1.数据库设计 这里数据库包括两张表：用户表和订单表。 用户表： 主键id、用户名、密码、openid、注册时间 订单表： 主键id、用户id...

2018-06-22 07:40:40 h5页面

前言 目前我们做m端时都会用到定位，当用户第一次打开h5页面时会启动gps定位，并结合百度map来查找城市。按照我们的逻辑思路就是gps定位获取经纬度，传到后台调用百度的一个接口查找城市名称。 1、查询得到城市名称，我们根据城市名称在我们自己的数据库里再查询对应的...

2018-06-22 07:20:31 h5页面