全屏测试

马黑黑

进入全屏

马黑黑

代码

1. <style>
   
2. #papa { margin: auto; width: 740px; height: 500px; font: bold 3em sans-serif; background: tan; display: grid; place-items: center; }
   
3. #papa:-webkit-full-screen { background: pink; color: red; }
   
4. </style>
   
5. 
   
6. <div id="papa">进入全屏</div>
   
7. 
   
8. <script>
   
9. let fs= true;
   
10. papa.onclick = () => {
    
11.         fs ? (papa.innerText = '退出全屏', papa.requestFullscreen()) : (papa.innerText = '进入全屏', document.exitFullscreen());
    
12.         fs = !fs;
    
13. }
    
14. </script>

复制代码

红影

进入全屏颜色还会变

马黑黑

红影 发表于 2022-12-20 21:08
进入全屏颜色还会变

:fullscreen是一个伪类，webkit 和 moz 要用连接符隔开 full 和 screen，同时需要前缀

红影

马黑黑 发表于 2022-12-20 21:11
:fullscreen是一个伪类，webkit 和 moz 要用连接符隔开 full 和 screen，同时需要前缀

嗯嗯，知道了

马黑黑

红影 发表于 2022-12-22 12:33
嗯嗯，知道了

非标准属性，不知道将来如何

红影

马黑黑 发表于 2022-12-22 12:44
非标准属性，不知道将来如何

现在能用就行啊

马黑黑

红影 发表于 2022-12-22 14:16
现在能用就行啊

按理是可以长期使用，并有所发展，毕竟JS里元素全屏已经是标准了，CSS需要跟上

红影

马黑黑 发表于 2022-12-22 17:10
按理是可以长期使用，并有所发展，毕竟JS里元素全屏已经是标准了，CSS需要跟上

那样最好，可以一直用了。

马黑黑

红影 发表于 2022-12-22 21:06
那样最好，可以一直用了。

当然可以

红影

马黑黑 发表于 2023-1-3 16:29
当然可以

屏幕大点的，全屏更震撼。

马黑黑

红影 发表于 2023-1-3 22:54
屏幕大点的，全屏更震撼。

是的，不过图片要过得去

红影

马黑黑 发表于 2023-1-3 23:45
是的，不过图片要过得去

饿呢，像素不能太低。

马黑黑

红影 发表于 2023-1-4 21:58
饿呢，像素不能太低。

要经得起放大的

红影

马黑黑 发表于 2023-1-4 22:20
要经得起放大的

差不多的图图都可以的。

马黑黑

红影 发表于 2023-1-4 23:00
差不多的图图都可以的。

嗯，是这样

红影

马黑黑 发表于 2023-1-4 23:04
嗯，是这样

毕竟放大得不多。

马黑黑

红影 发表于 2023-1-5 19:07
毕竟放大得不多。

该放就放

红影

马黑黑 发表于 2023-1-5 19:08
该放就放

大多数人的帖子图图本来就不小

马黑黑

红影 发表于 2023-1-5 19:57
大多数人的帖子图图本来就不小

对的，尤其是东篱