html - div 全屏显示

标签 html css

我是 html 新手。当我按下 alt 和 space 键时,我可以让我网页中的特定 div 全屏显示吗?这是我的代码。

<!DOCTYPE html>
<html>

    <body>
        <p>This is some text.</p>
        <div style="color:#0000FF">
            <img src="./1.jpg" height="42" width="42">
        </div>
    </body>

</html>

最佳答案

使用全屏伪类(用于webkit和mozila):

:-webkit-full-screen {
  /* css rules for full screen */
}
:-moz-full-screen {
  /* css rules for full screen */
}

参见 this Mozilla articlethis David Walsh article供使用

关于html - div 全屏显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18481901/

相关文章:

javascript - 如何将输入和 HTTP get 结合起来

html - 更正图表引用的 HTML 标记

css - 哪些浏览器支持 CSS 显示属性的多个关键字值?

CSS:图像透明度键

php - 做网站首先要发展哪方面?

html - 减少 HTML(样式)/CSS 代码(背景大小 :. .. 在背景 :. ..)

javascript - 使用点击处理程序 (JS) 隐藏和显示 div 在 Firefox 中不起作用

html - 为什么 wrapper div 向下移动?

javascript - 使用 jquery 附加到 href 值的末尾

带子菜单的 HTML 水平滚动导航栏