1. 在移动浏览器中给根元素（例如：html）添加 overflow:hidden，只有在某些安卓自带浏览器（例如华为的自带浏览器）中才有效。

overflow:hidden 这个 CSS 样式是大家常用到的。大家用这个样式可以实现很多目的。其中一个常用的就是隐藏内容溢出，把浏览器的滚动条隐藏。这个在 PC 端浏览中毫无问题。但是除了少数安卓自带浏览器，在大多数移动浏览器中，给根元素（例如：html）添加这个样式就会失效。除非给根元素同时添加有实际数值的高度。为了适应移动端频幕的多种尺寸，只能运用 JS 动态获取视窗的高度，然后给根元素设置相同的高度，方可把移动浏览器的滚动条隐藏。

1. 在某些安卓系统手机自带浏览器（例如：华为手机）中，当父级元素是弹性盒子布局时（含有 - webkit-box-flex 属性），其子元素的 margin-bottom 失效，不能撑开父级元素。

直接将外边距（margin）改为内边距 (padding) 就可解决。

1. 在 safair 中使用 Date.parse() 解析时间字符串，其格式必须是 YYYY/MM/DD HH:MM:SS。

Date.parse() 方法解析一个表示某个日期的字符串，并返回从 1970-1-1 00:00:00 UTC 到该日期对象（该日期对象的 UTC 时间）的毫秒数，如果该字符串无法识别，或者一些情况下，包含了不合法的日期数值（如：2015-02-31），则返回值为 NaN。
上述是 JavaScript 参考文档的说明。严格来说，其解析的时间字符串必须是 YYYY/MM/DD HH:MM:SS。但是，在 IE、chrome、FF 中，也可以解析 YYYY-MM-DD HH:MM:SS 或者 YYYY.MM.DD HH:MM:SS 这两种非标准格式的时间字符串。而 safari 只能解析标准格式。因此，开发人员在使用这个方法时，最好先把非标准格式转换成标准格式，这样就可以避免兼容问题。

1. 在 IOS 系统中 H5 播放器不支持自动播放。

在 iphone 和 ipad 上用 HTML5 播放器时，不能自动播放，apple 的解释说是为用户节省流量。
最好的方法就是在 IOS 系统的浏览器中给页面根元素绑定一次 touchstart 事件播放流媒体文件，模拟自动播放。

1. 标准浏览器是只认识 documentElement.scrollTop 的，但 chrome 却不认识这个，在有文档声明时，chrome 也只认识 document.body.scrollTop。

document.body.scrollTop 与 document.documentElement.scrollTop 两者有个特点，就是同时只会有一个值生效。比如 document.body.scrollTop 能取到值的时候，document.documentElement.scrollTop 就会始终为 0；反之亦然。所以，如果要得到网页的真正的 scrollTop 值，可以这样：

// 第一种方式
var scrollTop = document.body.scrollTop + document.documentElement.scrollTop;
// 第二种方式
var scrollTop = document.body.scrollTop > 0 ? document.body.scrollTop : document.documentElement.scrollTop;
// 第三种方式
var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;

任选上述其中一种方式都可以解决。

1. webkit内核(包括blink)浏览器，文字大小的最小值是12px，而safari浏览器可以设置小于12px的文字大小，如果想要前者也支持12px以下文字，需要用css3的缩放(transform)属性。