我们之前开发的H5网页，有客户反馈页面底部被浏览器下方的工具栏遮住了，经过测试发现目前只有华为原生x5浏览器底部栏出现这个兼容问题，它遮住了底部页面，造成了这个样式兼容问题。

JavaScript 是一门弱类型语言，它对类型是弱校验，正因为这个特点，所以才有了TypeScript这个强类型语言系统的出现，来弥补类型检查的短板。TypeScript在实现类型强校验的同时，还要满足 JavaScript 灵活的特点

所谓兼容性，就是看浏览器是否支持当前对象的属性或是方法，先通过获得页面文本内容的方式来了解兼容性，并封装函数或对象以解决此类问题。

css3作为页面样式的表现语言，增加了很多新的属性，但是部分css3属性在一些浏览器上还处于试验阶段，所以为了有效的显示css3的样式，对应不同的浏览器内核需要不同的前缀声明。

先设定一个背景色的普通div盒子，然后使用上篇post得到的三角型图标，把div盒子设置为相对定位模式，三角型图标设置为绝对定位，位置相对于div盒子，调整到合适的位置。这样就得到一个基本的tooltip，但是没有边框看起来总是不舒服

H5新标签在IE9以下的浏览器识别 ；ul标签内外边距问题ul标签在IE6\\\\IE7中，有个默认的外边距，但是在IE8以上及其他浏览器中有个默认的内边距。解决方法：统一设置ul的内外边距为0

Shadow阴影Color，设置阴影颜色。Direction，设置阴影的方向，角度也是从0°~315°取值（跟PS的投影效果非常的相似。）Strength，设置投影强度，数值越大越模糊。Gradient渐变

首先需要在根目录的index.html文件加入如下代码；安装babel-polyfill 插件；在入口文件main.js文件中引入插件；需要在webpack.base.config.js配置文件中做如下修改

所谓的浏览器兼容性问题，是指不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况；而造成浏览器兼容问题的根本原因，是浏览器的内核不同导致的。认识浏览器内核

在查询如何兼容ie时，首先是查看vue cli官网,浏览器兼容性，感觉官网说的不是太明晰（小白一枚，实在不太懂），然后就直接百度了，网上方法基本类似，都是用 browserslist,babel-polyfill等

使用vue-video-player在移动端微信内置浏览器打开，点击视频自动全屏问题。 参考官方 API 是 H5 同层浏览器的原因，可通过设置video属性来处理。

1.键盘检测兼容写方法;2.阻止冒泡事件冒泡的兼容;3.鼠标箭头事件对象的兼容;4.阻止浏览器默认事件兼容;5.获取非行间样式的兼容写法

双倍浮动BUG；表单元素行高不一致；IE6（默认16px为最小）不识别较小高度的标签（一般为10px）；图片添加超链接时，在IE浏览器中会有蓝色的边框；最小高度min-height不兼容IE6

为什么浏览器会存在兼容问题？同一浏览器，版本越老，存在bug越多，相对于版本越新的浏览器，对新属性和标签、新特性支持越少。

做移动端开发时为了做适配，通常采用rem作为单位，下面来写一个圆角,相同的代码，有的是正圆，有的不是，ios，pc均显示正常