问题标签 [modernizr]

我一直在与Modernizr合作，它是一个很棒的资源，一个很棒的项目。但是，我一直在使用它的方式是：

• 使用基线 (IE) CSS 进行设计
• 为高级浏览器增强 CSS3 效果

除非我打算完全替换基于行为的样式，否则我为什么不只在样式表中添加诸如框阴影、渐变和边框半径之类的样式呢？如果浏览器不理解规则，它会忽略它，对吗？如果 JavaScript 关闭，我无论如何也不能使用它。

我应该在典型案例中使用上述方法，而在高级案例中使用 Modernizr 吗？或者依靠浏览器忽略他们不理解的东西有什么问题吗？

嗯，这几乎是我的全部问题。我可以看到他们如何检查 CSS3 支持，尝试获取style.borderRadius等等，看看浏览器是否知道到底发生了什么。但是由于大多数浏览器会保留属性 ( <input type="date">)，但仍然不完全支持它，我无法理解它们是如何发挥作用的。

我正在寻找建立我的第一个 HTML5 网站，并一直在考虑使用 IE。

有 html5shiv、Dean Edwards ie7-js 和 Modernizr。这些都大体相同吗？我很困惑该走哪条路。

一些@font-face 字体在非cleartype 设置下效果不佳（边缘变得非常不稳定）

有没有办法通过 javascript 检测到这个，如果 cleartype 关闭，我可以在 body 中添加一个现代风格的类，这样我就可以在我的 CSS 中使用它

我正在使用 Modernizr 和 JavascriptMVC。
Modernizr 在头部。
<script src="./resources/js/modernizr-1.6.min.js"></script>

并在关闭身体之前偷走：
<script type='text/javascript' src='../steal/steal.js?formcms,development'></script>

当我像这样在控制器中添加一些 html5 内容时： $('body').append(this.view('header'))
它没有样式。
在 JavascriptMVC 的视图中添加 html5 元素后，是否有解决方案来设置它们的样式？我正在使用 IE6。

浏览 Modernizr 源代码，我发现了奇怪的事情：

之后，将使用两个参数 ( this, this.document) 调用此函数。

为什么undefined在这里使用？它是有意义的还是只是奇怪的代码风格？

我将 html5boilerplate 与 Modernizr 库一起使用。我的应用程序是使用 jQuery 构建的。Modernizr 和 jQuery 都内置了特征检测，但我的理解是 Modernizr 更完整。我打算使用 Modernizr 进行特征检测，除非有充分的理由为此使用 jQuery。

我的应用程序仅适用于更现代的浏览器（例如 IE7+、Firefox、Chrome、Safari 和更新的 Opera），但它在 IE6 中仍然可以使用。如果用户使用的是旧版浏览器（例如 IE6），我想确保用户看到一个很大的警告。如果他们还没有使用 Chrome 或其他一些兼容 HTML5 的浏览器，我还想显示一个“建议”。

我不想使用用户代理测试。

• 是否有我应该测试的特定功能列表以确定用户是否使用 IE6？
• 是否有我应该测试的特定功能列表来确定用户是否使用相当兼容的 HTML5 浏览器（Chrome、Safari、IE9 等）进行浏览？

我正在寻找有效使用 Modernizr 的网站或网页模板。我看了 ThemeForest 中的一对，但我看不出 Modernizr 的作用。事实上，我禁用了加载 Modernizr js 文件，并且网页以相同的方式工作。

寻找具有特征和无特征类的模板。其中“功能”是 html5 或 css3 功能。

这是我遇到的一个非常奇怪的错误。我正在使用 Modernizer，经过一大堆故障排除后，我几乎将其范围缩小到 Modernizer 生成这个大块的空白。

我可以通过“localhost”检查本地服务器上的服务器并获取此空白

我将使用相同的浏览器执行相同的检查，但使用我的 WAN IP 代替并获得不同的空格。这真的很奇怪。

链接：您可以在这里查看：http: //184.161.181.41 :8888/

在 Webkit 浏览器中，一个 input[type=number] 有一个 spinbox 控件：

但是，Safari 不遵循其他一些 input[type=number] 规则，例如强制只输入数字字符。因此，Modernizr 检测到 Safari 不支持 input[type=number]。

我对数字输入宽度有非常特殊的需求，当有一个旋转框时，我将宽度设为 2.7em，没有它（如在 Firefox 中），宽度只需为 1.7em。所以 Chrome 和 Firefox 看起来都很好。但是 Safari 放入了一个旋转框，但不遵循任何其他规则，所以它得到 1.7em 的宽度，看起来像这样：

我只关心是否有旋转框控件。我不关心 Safari 藐视的任何其他 input[type=number] 规则。Safari 遵循我唯一关心的规则。我该如何检测？