screenfull实现网页或元素全屏切换效果代码

代码语言:html

所属分类:其他

代码描述:screenfull实现网页或元素全屏切换效果代码,支持图片元素单独全屏、支持退出全屏和文档全屏。

代码标签: screenfull 网页 元素 全屏 切换

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">

<style>
                html {
                        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
                        padding: 30px 10px 0 0;
                        font-size: 20px;
                        line-height: 1.4;
                        color: #737373;
                        background: #f0f0f0;
                        -webkit-font-smoothing: antialiased;
                }

                hr {
                        border: none;
                        border-top: 1px solid #e6e6e6;
                        margin: 20px 0;
                }

                a {
                        color: #666;
                }

                h1 {
                        margin: 0;
                        font-size: 40px;
                        text-align: center;
                }

                h1 span {
                        color: #bbb;
                }

                ul {
                        padding: 0 0 0 40px;
                        margin: 1em 0;
                }

                button {
                        font-size: 13px;
                }

                nav {
                        margin: 0 auto;
                }

                .contain.........完整代码请登录后点击上方下载按钮下载查看

网友评论0