modernizr

tech2023-01-25  60

modernizr

In this video I’ll introduce you to how Modernizr can help you style your website’s CSS based on the current browser’s feature support.

在本视频中,我将向您介绍Modernizr如何基于当前浏览器的功能支持来帮助您样式化网站CSS。

Modernizr will add all the results of the detected features as classes to the html element. In this lesson we’ll target browsers that support emoji and turn a boring bullet list into a fun emoji list. After watching this screencast you’ll have a basic understanding of how to use Modernrizr’s CSS classes to conditionally style elements on your page. The code sample for this lesson can be found at on GitHub.

Modernizr会将检测到的特征的所有结果作为类添加到html元素。 在本课程中,我们将针对支持表情符号的浏览器,并将无聊的项目符号列表变成有趣的表情符号列表。 观看完此截屏视频后,您将对如何使用ModernrizrCSS类有条件地设置页面元素的样式有基本的了解。 本课程的代码示例可以在GitHub上找到 。

This is one lesson from SitePoint Premium’s latest course Modernizr 3. If you enjoyed this video and want to see more, come and check out the rest of the course.

这是SitePoint Premium的最新课程Modernizr 3的一课。 如果您喜欢这个视频,并且想看更多,请来看看本课程的其余部分。

Loading the player… 正在加载播放器…

翻译自: https://www.sitepoint.com/watch-using-modernizr-css-classes/

modernizr

相关资源:modernizr-mixin:用于Sass中Modernizr测试的简单而全面的mixin-源码
最新回复(0)