一、首先你要知道的是兼容是哪些问题
前端兼容性问题分三类：
- 浏览器兼容问题
- IE6、7、8不支持HTML5、CSS3、SVG标准，可被判定为“极难兼容”
IE9不支持Flex、Web Socket、WebGL，可被判定为“较难兼容”
IE10部分支持Flex（-ms-flexbox）、Web Socket，可被判定为“较易兼容”
IE11部分支持Flex、WebGL，可被判定为“较易兼容”
IE6、7、8、9可视为“老式浏览器”
IE10、11可视为“准现代浏览器”
Chrome、Firefox、Safari、Opera 、Edge可视为“现代浏览器” - 屏幕分辩兼容问题
- 在不同的屏幕分辨率，浏览器页面展示差异很大。特别是屏幕分辨率较小时，容易发生布局错乱。为了解决这个问题，响应式UI框架应运而生
- 跨平台兼容问题
- 随着移动和平板市场的日益发展，Web在桌面、平板、移动平台上的兼容性问题日益突出。由于移动和平板是触摸式操作，与桌面的鼠标操作方式有很大差异，因此在不同平台上要做相应修改。为了解决这个问题，诞生了跨平台框架，在不同平台上，外观、布局、操作都有差异化修改
二、常备兼容性问题
1、不同浏览器的标签默认的外边距和内边距不同
问题症状：随便写几个标签，
