移动web开发的一些坑 完美解决移动Web小于12px文字居中的问题 移动Web轮播图IOS卡顿的问题 完美解决移动Web小于12px文字居中的问题

相似的题目一搜一大堆，我就再也不写那些meta标签相似的内容了，记录一下本身实现中遇到的问题，若是能帮到你，那再好不过了。

• 1px border的问题，你们能搜到不少方案，但如何选择仍是要根据实际状况，好比border-image不能处理圆角，最好用的transform scale可能会由于改变布局致使某些区域不可点。
• 小于12px的文字的居中问题：完美解决移动Web小于12px文字居中的问题
• 注意3d加速的使用 -webkit-perspective and -webkit-backface-visibility：移动Web轮播图IOS卡顿的问题
• 若是transform或者动画引发文字锯齿或者其余的元素闪烁，也能够试试：-webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d;
• background-image属性有些手机出现了莫名其妙的横线，使用background-size: 100% 100%;可解决， contain和cover都没用。
• 点击穿透的问题，我的感受最简单粗暴的方式仍是直接改成click。。
• android手机按钮长按会出现橘黄色的背景和边框，直接用span或者p之类的标签模拟按钮。
• 若是要兼容到android2.3， 须要额外处理不少事情。好比transform、border-radius以及document.documentElement.clientWidth获取宽度（可以使用window.innerWidth），如何判断系统低于2.3看完美解决移动Web小于12px文字居中的问题。
• 移动端屏幕适配：再谈移动端Web屏幕适配

 

易信4.0终于上线，你们能够体验一下。我在其中贡献了公众号精选页面，是客户端新增的部分，基于webview实现，效果是这样的：

如今没事就看看本身的页面，一方面常常推送优质内容， 一方面惧怕出bug。。。囧

此次还使用了regular， 我厂内已经普遍使用，体积小使用简单。

 

唉， 怎么看怎么像一篇广告。