移动端适配 视口标签 实现网页宽度等于设备宽度 移动端没有视口标签网页默认html宽度为980 移动端适配的方法由以下几种： 弹性盒模型布局 百分比布局 rem布局 vw / vh 媒体查询 较为常用

之前写过商城移动端的项目，涉及到蛮多的支付方式，常常会被各种支付方式的调用方法搞到混乱。所以在此总结一下常用的移动端支付方式。 当我们在微信中打开一个 H5 页面，并进行购物付款。这实际上是通过微信的内置浏览器进行网页的浏览的。在这个场景下，我们可以使用微信浏览器提供的 JSA…

不知不觉在网易已有三年半，占了一半时间都在与移动端打交道，整个阶段都是遇坑填坑的学习过程。移动端开发在前端里像神一样地存在，不是说它多难而是说它坑位实在太多了，怎样填都填不完。Android和iOS各显神通，Android的系统版本和屏幕分辨率多得难以一招兼容，iOS的顽固标准…

无视后端流程，从前端角度对接支付接口所有的流程都在创建订单，保存订单ID之后，  1.需要判断环境是公众号环境（微信浏览器）还是别的浏览器2.根据不同的浏览器环境 ，调用不同的支付方式 1，微信浏览器

最近给公司微信公众号，写了微信h5业务页面，总结分享一下前端开发过程中的几个兼容性坑，项目直接拿的公司页面，所以下文涉及图片都模糊处理了。 当点击输入的时候，光标的高度和父盒子的高度一样。例如下图，左图是正常所期待的输入框光标，右边是ios的input光标。 出现原因分析：通常…

前一段时间换了一家公司，刚来给了一个项目，h5移动端页面，涉及登陆注册、微信绑定、购买等。微信支付之前没做过，不过比较简单，在这里记录一下。 第一步，先拿到code，拿到code传给后台。 这段代码填上就可以用，当用户确认授权以后返回定义的url后，url后就有code参数，然…

本文是摘录整理了移动端常见的一些bug以及解决方案，第一篇，后面还会有持续的文章更新整理。 Q: 当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。 A:根本原因是-webkit-tap-highlight-color，这个属性…

screen 用于电脑屏幕，平板，智能手机等。

相对于PC端来说，移动端设备分辨率百花齐放，千奇百怪，对于每一个开发者来说，移动端适配是我们进行移动端开发第一个需要面对的问题。 通过meta标签对viewport的设置，定义了页面的缩放比例；要了解这些参数的意义，我们需要先知道几个视口宽度的意义。 visualviewpor…