纯css实时显示网页可视窗体长宽大小代码

代码语言:html

所属分类:布局界面

代码描述:纯css实时显示网页可视窗体长宽大小代码,拖动改变网页试试,没有一句js代码。

代码标签: css 实时 显示 网页 可视 窗体 长宽 大小 代码

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  

  
  
  
<style>
@property --_w {
  syntax: '<length>';
  inherits: true;
  initial-value: 100vw; 
}
@property --_h {
  syntax: '<length>';
  inherits: true;
  initial-value: 100vh; 
}
:root {
  --w: tan(atan2(var(--_w),1px)); /* screen width */
  --h: tan(atan2(var(--_h),1px)); /* screen heigh.........完整代码请登录后点击上方下载按钮下载查看

网友评论0