演示效果图：

1、全屏前

2、全屏后

htmldiv全屏代码一段css和js全屏状况显示代码 AJAX

html代码：

<div class=\"大众container\公众> <p><em>单击下面的按钮将元素输入全屏模式</em></p> <div class=\"大众element\"大众 id=\"大众element\"大众><p>我在全屏模式下改变颜色！
</p></div> <br /> <button onclick=\公众var el = document.getElementById('element'); el.requestFullscreen();\"大众> 全屏! </button></div>

css代码：

.container { margin: 40px auto; max-width: 700px;}.element { padding: 20px; height: 300px; width: 100%; background-color: skyblue;}.element p { text-align: center; color: white; font-size: 3em;}.element:-ms-fullscreen p { visibility: visible;}.element:fullscreen { background-color: #e4708a; width: 100vw; height: 100vh;}

来源网络，侵权联系删除

私信我或关注微旗子暗记：狮范儿，回答：学习，获取免费学习资源包。