:fullscreen
CSS 伪类选择器主要用于在全屏模式下给显示的元素应用样式。如果多个元素都已进入全屏模式,则会全部选中。
本文将通过具体实例来详细了解 :fullscreen
、Fullscreen 相关的API 和 :modal
伪类以及 <dialog>
元素。
:fullscreen
对于浏览器用户而言,全屏功能肯定不会陌生,当我们点击全屏按钮的时候,浏览器会填满显示器屏幕,甚至移除用户界面组件(如窗口管理按钮)。我们通过实现一个全屏效果的Demo来介绍 :fullscreen
伪类的功能。
1)代码示例: