抱歉这个愚蠢的问题,但我真的很初学,我需要你的帮助。 我在我的网站上添加了modernizr-2.8.3.min.js。 我访问了modernizr主页,但我不明白如何下载它。 然后,我在html5样板中找到了这个modernizr文件。 当我在我的添加中,这是否有助于我不添加供应商前缀? 或者,如果我不使用modernizr做任何事情,我应该使用某种“无前缀”文件吗?
感谢。
答案 0 :(得分:0)
Modernizr是一个检测浏览器功能的JavaScript库。你可以用两种方式。
只需将其包含在您的文件中即可
<html class="no-js">
转到https://modernizr.com/download?setclasses并选择您希望现代化工具检测的功能。如果您是初学者,我可以看到这会让您感到困惑,所以我建议您使用第一个选项。
在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