以前css无法做到实时显示网页屏幕的长度和宽度,但是css3通过@property 实现了,下面是完整的示例代码:
点击查看完整代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />
<title>BFW NEW PAGE</title>
<style>
@property --vh {
syntax: '<length>';
inherits: true;
initial-value: 100vh;
}
@property --vw {
syntax: '<length>';
inherits: true;
initial-value: 100vw;
}
:root {
--w: tan(atan2(var(--vw),1px));
--h: tan(atan2(var(--vh),1px));
}
body::before {
content: counter(w) "x" counter(h);
counter-reset: w var(--w) h var(--h);
font-size: 150px;
font-weight: 900;
position: fixed;
inset: 0;
width: fit-content;
height: fit-content;
color: black;
background-color: white;
padding: 10px;
margin: auto;
}
</style>
</head>
<body>
</body>
</html>
网友回复
如何让ai帮我自动在小红书或抖音上自动根据需求截流与潜在客户聊天拉客?
如果用go编写一个在virtualbox中启动的简单操作系统?
go如何搭建一个零信任网络?
如何用python实现一个公网代理访问软件?
如何用go实现一个公网代理访问软件?
如何用python实现一个内网穿透打洞程序,实现内网的80端口暴露到公网上可以访问?
如何用go实现一个内网穿透打洞程序,实现内网的80端口暴露到公网上可以访问?
何为Shadowsocks 代理?
python如何实现类似php的opendir目录相互隔离的fastcgi多租户虚拟空间?
nodejs如何实现类似php的opendir目录相互隔离的fastcgi多租户虚拟空间?


