Modernizer是否包含css的前缀?

Modernizer是否包含css的前缀?,css,html,Css,Html,对不起,这个愚蠢的问题,但我真的是初学者,我需要你的帮助。 我在我的网站上添加了modernizr-2.8.3.min.js。 我访问了Modernizer主页,但我不知道如何下载它。 然后,我在html5样板中找到了这个Modernizer文件。 当我将其添加到中时,这是否有助于我不添加供应商前缀? 或者,如果我不使用Modernizer,我应该使用某种“无前缀”文件吗 谢谢。Modernizer是一个检测浏览器功能的javascript库。你可以用两种方法 只需将其包含在您的文件中。 转到

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


谢谢。

Modernizer是一个检测浏览器功能的javascript库。你可以用两种方法

  • 只需将其包含在您的文件中。

  • 转到并选择要modernizer检测的功能。如果你是一个初学者,我可以看出这是多么令人困惑,所以我建议你使用第一个选项

  • 一旦您将其包含在html中,请将html标记更改为此
    ,当您在浏览器中看到页面时,您将看到类似的内容

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

    因此,如果您想为常规浏览器的
    添加渐变,可以这样做

    div.gradient{
      background: linear-gradient(red, yellow);
    }
    
    但对于不支持borderradius Modernizer的浏览器,它会将
    无borderradius
    添加到html标记中,请参见上文。因此,对于这些浏览器,您可以这样编写css,以确保视图的一致性

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

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

  • 只需将其包含在您的文件中。

  • 转到并选择要modernizer检测的功能。如果你是一个初学者,我可以看出这是多么令人困惑,所以我建议你使用第一个选项

  • 一旦您将其包含在html中,请将html标记更改为此
    ,当您在浏览器中看到页面时,您将看到类似的内容

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

    因此,如果您想为常规浏览器的
    添加渐变,可以这样做

    div.gradient{
      background: linear-gradient(red, yellow);
    }
    
    但对于不支持borderradius Modernizer的浏览器,它会将
    无borderradius
    添加到html标记中,请参见上文。因此,对于这些浏览器,您可以这样编写css,以确保视图的一致性

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