现代浏览器的发展越来越快，新特性也不断涌现。开发者们需要确保他们创建的网站可以在不同的浏览器上正常工作，因此浏览器兼容性成为一个很重要的问题。

Modernizr是一个流行的浏览器兼容性工具，它可以测试浏览器对HTML和CSS特性的支持情况。有了Modernizr，开发者们可以轻松地编写现代网站并在不同的浏览器上工作良好。

那么什么是Modernizr呢？它是一个JavaScript库，可以帮助开发者检测浏览器支持的HTML和CSS特性。这些特性可以用来增强网站的交互性和用户体验。

举个例子，如果你想在网站中使用CSS3的某些功能，如圆角边框或CSS动画，你需要确保浏览器支持这个特性。如果不支持，这些元素可能会显示不正确或者压根不显示。在这种情况下，使用Modernizr可以帮助你检测浏览器是否支持这些特性，并采取相应的措施。

现在，我们将通过一个简单的示例来演示Modernizr如何工作。假设我们想要在网站中使用CSS3的圆角边框。如果浏览器不支持圆角边框，我们可以采取一些策略来改进它。这些策略可能包括使用图片、Javascript或其他技术来实现圆角效果。但如果浏览器支持圆角边框，我们可以直接使用CSS3，从而减少资源的使用量。

我们可以使用Modernizr来检测浏览器是否支持CSS3的圆角边框。首先，我们需要从https://modernizr.com/下载Modernizr库：

```html

```

下载后，我们可以在HTML代码中使用Modernizr。我们可以使用Modernizr来检测浏览器是否支持某些特定的HTML或CSS元素，然后编写JavaScript代码来执行某些操作。这里是一个例子：

```html