马黑黑 发表于 2022-12-20 21:06

全屏测试

本帖最后由 马黑黑 于 2022-12-20 21:08 编辑 <br /><br /><style>
#papa { margin: auto; width: 740px; height: 500px; font: bold 3em sans-serif; background: tan; display: grid; place-items: center; }
#papa:-webkit-full-screen { background: pink; color: red; }
</style>

<div id="papa">进入全屏</div>

<script>
let fs= true;
papa.onclick = () => {
        fs ? (papa.innerText = '退出全屏', papa.requestFullscreen()) : (papa.innerText = '进入全屏', document.exitFullscreen());
        fs = !fs;
}
</script>

马黑黑 发表于 2022-12-20 21:06

代码
<style>
#papa { margin: auto; width: 740px; height: 500px; font: bold 3em sans-serif; background: tan; display: grid; place-items: center; }
#papa:-webkit-full-screen { background: pink; color: red; }
</style>

<div id="papa">进入全屏</div>

<script>
let fs= true;
papa.onclick = () => {
      fs ? (papa.innerText = '退出全屏', papa.requestFullscreen()) : (papa.innerText = '进入全屏', document.exitFullscreen());
      fs = !fs;
}
</script>

红影 发表于 2022-12-20 21:08

进入全屏颜色还会变{:4_173:}

马黑黑 发表于 2022-12-20 21:11

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

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

红影 发表于 2022-12-22 12:33

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

嗯嗯，知道了{:4_204:}

马黑黑 发表于 2022-12-22 12:44

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

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

红影 发表于 2022-12-22 14:16

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

现在能用就行啊{:4_173:}

马黑黑 发表于 2022-12-22 17:10

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

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

红影 发表于 2022-12-22 21:06

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

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

马黑黑 发表于 2023-1-3 16:29

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

当然可以

红影 发表于 2023-1-3 22:54

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

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

马黑黑 发表于 2023-1-3 23:45

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

是的，不过图片要过得去

红影 发表于 2023-1-4 21:58

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

饿呢，像素不能太低。

马黑黑 发表于 2023-1-4 22:20

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

要经得起放大的

红影 发表于 2023-1-4 23:00

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

差不多的图图都可以的。

马黑黑 发表于 2023-1-4 23:04

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

嗯，是这样

红影 发表于 2023-1-5 19:07

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

毕竟放大得不多。

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

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

该放就放

红影 发表于 2023-1-5 19:57

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

大多数人的帖子图图本来就不小{:4_173:}

马黑黑 发表于 2023-1-5 20:08

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

对的，尤其是东篱
页: [1] 2 3
查看完整版本: 全屏测试