刚刚才把博客搬到这里来，记录一下完成2个微信公众号项目的经验吧 1.做移动端的项目页面必须用html5的标签和知识，不然有些坑就不好解决了。 2.H5页面窗口自动调整到设备宽度，并禁止用户缩放页面（强制让文档的宽度与设备宽度保持1:1，最大宽度1.0，禁止屏幕放。） 3.忽略 ...

前言：这里移动端主要指 hybrid app 中的H5页面。app 中对页面 样式和功能 的需求会更精细一点。 1、适配： 手机端的尺寸多样，3.5英寸的 iPhone4应该是最小的，只要考虑 兼容到iPhone4 就可以了。（iPhone4的用户量现在也很少，有时只要 兼容到iPhone5 ...

移动端： ① 安卓浏览器看背景图片，有些设备会模糊，原因是手机的分辨率太小 解决方案： 用2X图片来代替img标签，然后background-size: contain ② 防止手机中页面放大或缩小： 在meta中设置viewport user-scalable = no ③ 上下拉滚动条 ...

web端： css: 1，不同浏览器的标签默认的margin和padding不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。 碰到频率:100% 解决方案： 可以使用Normalize来抹平默认 ...

做移动端的Web也有一段时间了，踩过的坑真心不少。 下面列出一些，移动端浏览器兼容性的Bug，供大家参考。 【UC浏览器】video标签脱离文档流 场景：<video>标签的父元素(祖辈元素)设置transform样式后，<video>标签会脱离文档流。 测试 ...

一. css部分 body如果设置height:100%;overflow:hidden是依然可以滑动的，如果需禁止，要再加一层div设置 height:100%加overflow：hidde ...

一、浏览器 【UC浏览器】video标签脱离文档流 场景：<video>标签的父元素(祖辈元素)设置transform样式后，<video>标签会脱离文档流。 测试环境： ...

1. input框 边框的在ios下颜色变淡问题 input:disabled{ 　border: 1px solid #017BBA; 　-webkit-opacity:1; opacity: 1; } 2. iphone7下 横屏之后字体变大 ...