Modernizr是否覆盖了css的前缀?

时间:2016-05-13 01:33:16

标签: css html5

抱歉这个愚蠢的问题,但我真的很初学,我需要你的帮助。 我在我的网站上添加了modernizr-2.8.3.min.js。 我访问了modernizr主页,但我不明白如何下载它。 然后,我在html5样板中找到了这个modernizr文件。 当我在我的添加中,这是否有助于我不添加供应商前缀? 或者,如果我不使用modernizr做任何事情,我应该使用某种“无前缀”文件吗?

感谢。

1 个答案:

答案 0 :(得分:0)

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

  1. 只需将其包含在您的文件中即可 <html class="no-js">

  2. 转到https://modernizr.com/download?setclasses并选择您希望现代化工具检测的功能。如果您是初学者,我可以看到这会让您感到困惑,所以我建议您使用第一个选项。

  3. 在html中包含此内容后,请将html标记更改为此<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">,当您在浏览器中看到您的页面时,您会看到类似的内容。

    <div class="gradient">

    现在,您可以为常规浏览器编写css,并且不支持您的功能。

    因此,如果您想为常规浏览器添加渐变到div.gradient{ background: linear-gradient(red, yellow); } ,请执行以下操作。

    no-borderradius

    但是对于不支持border-radius modernizr的浏览器,将.no-cssgradients div.gradient{ background: url("glossybackground.png"); } 添加到您的html标记中,请参见上文。因此,对于这些浏览器,您可以像这样编写CSS以确保一致的视图。

    Zap