随着互联网技术的不断发展，各种浏览器层出不穷，不同浏览器对HTML、CSS和JavaScript的支持程度各不相同，导致了许多开发者在开发网站时遇到兼容性问题。为了帮助大家解决这一难题，下面将介绍一些常用的浏览器兼容代码，以确保您的网页在各大浏览器中都能正常显示和运行。

1️⃣ CSS兼容性：

- 使用`display: flex;`时，需要为旧版IE添加`display: -ms-flexbox;`

- 使用`border-radius`时，可以使用`-webkit-border-radius`和`-moz-border-radius`来增加兼容性

- 对于`box-shadow`属性，可以使用`-webkit-box-shadow`和`-moz-box-shadow`

2️⃣ JavaScript兼容性：

- 使用`addEventListener`时，对于IE8及以下版本需要使用`attachEvent`

- 在获取元素样式时，IE需要使用`currentStyle`或`getComputedStyle`

3️⃣ HTML兼容性：

- 对于HTML5新标签，如`