1.H5网页touch滑动的时候在苹果手机上出现不流畅的问题
-webkit-overflow-scrolling 用来控制元素在移动设备上是否使用滚动回弹效果.
解决办法：给所有网页添加如下样式
说明：
-webkit-overflow-scrolling: touch当手指从触摸屏上移开，会保持一段时间的滚动
-webkit-overflow-scrolling: auto当手指从触摸屏上移开，滚动会立即停止
2. css 苹果手机按钮默认样式如何去掉
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none}
textarea { -webkit-appearance: none}
3. 如果还有圆角的问题，
** 4.苹果手机不支持box-shadow属性**
如果先给input写边框，用 border:1px solid #ccc
5、去除Chrome等浏览器文本框默认发光边框
6.去掉高光样式：
当然这样以来，当文本框载入焦点时，所有浏览器下的文本框的边框都不会有颜色上及样式上的变化了，这样的话，当文本框载入焦点时，边框颜色就会变为橙色，给用户一个反馈。
7、去除IE10+浏览器文本框后面的小叉叉，只需下面一句就ok了
input::-ms-clear {display: none}
8.H5页面写出来，在chrome中出现如下错误，只需添加如下css即可解决
*{touch-action: pan-y}
css移动端的兼容性问题 （适配问题）
一、浮动问题
简述：
我们在平时切页面时,经常会出现用完浮动(float),忘记删除.下面的布局出现莫名其妙的空白高度,导致布局调整失败
避免使用浮动
二、
链接: http://blog.csdn.net/chenmoquan/article/details/41547609
1、水平居中—使用 text-align
2、margin: auto 居中
3、table-cell 居中
4、Absolute 居中
5、使用 translate 居中
6、使用 Flexbox 居中
7、使用 calc 居中
三、常见的兼容性问题
四、css hack
五、css filter
六、更换渲染模式
七、浏览器内核
八、让H5页面适应所有的iphone手机以及安卓机型的六大技巧
九、REM 布局
之前写的对比文章简单的说了一下各电子书软件在排版上的优劣，这里详细的列举一下多看和掌阅在CSS上的兼容性，所列的CSS语法均在[W3School]上列举，鉴于CSS语法众多，不能一一列举，主要选择在epub排版上能起到作用的语法。由于iBooks是直接使用Webkit作为排版引擎，所以完整支持所有的CSS语法，缺点就是载入书籍的速度会稍慢。但是多看和掌阅为了读取速度（也可能是技术上达不到），排版引擎不是那么完善，有的CSS语法的实现也是非常奇怪的。
可能有人认为CSS语法表现不了的设计大不了使用图片来代替。诚然，用图片代替可以方便很多排版设计，也不会造成不同屏幕尺寸的错位，但是使用图片的缺点也是很明显的：
所以我认为版面设计应该尽量使用CSS语法来实现——当然，鉴于软件的引擎速度有限，不能无限制的使用语法，适当使用就好。
根据W3School的分类，CSS2泛指CSS从出现到CSS3之前的基础语法。
