Modernizr是否覆盖了CSS的前缀？

对不起这个愚蠢的问题，但我真的是初学者，我需要你的帮助。我在我的网站上添加了modernizr-2.8.3.min.js。我访问了modernizr主页，但我不明白如何下载它。然后，我在html5样板中找到了这个modernizr文件。当我在我的这个添加，这是否帮助我不添加供应商前缀？或者，如果我没有对modernizr做任何事情，我应该使用某种'前缀自由'文件吗？Modernizr是否覆盖了CSS的前缀？

谢谢。

来源

2016-05-13 phpmyadmin2014

Modernizr是一个检测浏览器功能的JavaScript库。你可以通过两种方式使用它。

只需在您的文件中包含此项。
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.js">
转到https://modernizr.com/download?setclasses并选择要近代化检测的功能。我可以看到，如果你是初学者，这可能会令人困惑，所以我建议你使用第一个选项。

一旦这包括在HTML中改变你的HTML标记，这<html class="no-js">当你看到你的网页在浏览器中，你会看到这样的事情。现在

<html class=" js no-flexbox no-canvas no-canvastext no-webgl no-touch no-geolocation no-borderimage no-borderradius no-boxshadow no-textshadow no-opacity no-cssanimations no-csscolumns no-cssgradients ... etc">

，你可以写你经常浏览器和不支持的功能之一CSS。

所以，如果你想为常规浏览器添加渐变到<div class="gradient">，你可以这样做。

div.gradient{ 
    background: linear-gradient(red, yellow); 
}

但不支持边界半径Modernizr的增加no-borderradius到HTML标签的浏览器，见上面。所以对于这些浏览器，你可以这样写你的CSS来确保一致的视图。

.no-cssgradients div.gradient{ 
    background: url("glossybackground.png"); 
}

来源

2016-05-13 02:04:46

Modernizr是否覆盖了CSS的前缀？

回答

相关问题