获取页面的可视化高度和宽度

简介: 获取页面的可视化高度和宽度

导语

歌谣 歌谣 我们需要获取页面的一个可视化宽度和高度怎么做呢




编辑


解决思路

<div> 我是歌谣 </div> <script> // 获取展示内容宽度,去掉sider function getContentWidth () { const contentWidth = document.documentElement.clientWidth || document.body.clientWidth; return contentWidth }; // 获取展示内容高度 function getContentHeight () { const contentHeight = document.documentElement.clientHeight || document.body.clientHeight; return contentHeight; }; console.log("宽度"+getContentWidth()) console.log("高度"+getContentHeight())




总结

最好的种树是十年前 其次是现在 欢迎一起学习与交流



相关文章
|
JSON Dart Android开发
Flutter 2024: Impeller引擎引领渲染新纪元
Flutter 2024以Impeller引擎引领渲染新时代,全面提升性能与流畅度。Impeller已在iOS及Android(支持Vulkan/OpenGL)全面部署,Material 3集成深化视觉体验,多视图支持增强复杂UI管理。Dart 3.2与3.4版本迭代优化语言特性与性能,引入宏编程简化JSON处理。桌面与Web端持续优化,深化平台适配。
673 14
|
9月前
|
存储 固态存储 索引
DeepSeek 3FS解读与源码分析(3):Storage模块解读
2025年2月28日,DeepSeek 正式开源其颠覆性文件系统Fire-Flyer 3FS(以下简称3FS),重新定义了分布式存储的性能边界。本文将结合代码和design_notes 对storage部分进行分析和探讨。
|
弹性计算 安全 网络安全
转发路由器 Transit Router(TR):实现企业级互联网络的灵活与可靠
转发路由器 Transit Router(简称“TR”)是地域范围内企业级核心转发网元,可为用户转发同地域或不同地域的网络实例间的流量,并支持在地域内定义灵活的互通、隔离、引流策略,帮助用户打造一张灵活、可靠、大规模的企业级互联网络。通过搭配云数据传输(简称“CDT”),用户可实现跨地域连接场景数据传输按流量计费的能力。
|
11月前
|
缓存 Java 关系型数据库
springboot事务-失效的情况
本文总结了常见的事务失效情况及解决方法,主要包括: 1. **事务注解失效**:`@Transaction`必须作用于`public`方法,且需被Spring容器管理。 2. **数据库引擎问题**:MyISAM不支持事务,应使用InnoDB。 3. **异常处理不当**:异常被捕获未抛出或不在默认捕获范围内。 4. **传播行为设置**:如设置为`Propagation.NOT_SUPPORTED`或`Propagation.REQUIRES_NEW`可能导致事务失效。 5. **类内方法调用**:同一类中方法调用导致事务失效,需通过代理类或其他方式解决。
450 0
|
Web App开发 监控 算法
详解 WebRTC 高音质低延时的背后 — AGC(自动增益控制)
本文将结合实例全面解析 WebRTC AGC 的基本框架,一起探索其基本原理、模式的差异、存在的问题以及优化方向。
详解 WebRTC 高音质低延时的背后 — AGC(自动增益控制)
|
存储 机器学习/深度学习 自然语言处理
Mini but Mighty | 简直就是微调ViT神器,有了Mimi微调方法,别的不用选了!又稳又快!
Mini but Mighty | 简直就是微调ViT神器,有了Mimi微调方法,别的不用选了!又稳又快!
706 1
|
分布式计算 NoSQL 大数据
MaxCompute产品使用合集之自定义udf连接云上vpc网络的redis获取数据的步骤是什么
MaxCompute作为一款全面的大数据处理平台,广泛应用于各类大数据分析、数据挖掘、BI及机器学习场景。掌握其核心功能、熟练操作流程、遵循最佳实践,可以帮助用户高效、安全地管理和利用海量数据。以下是一个关于MaxCompute产品使用的合集,涵盖了其核心功能、应用场景、操作流程以及最佳实践等内容。
|
边缘计算 缓存 网络协议
|
算法 大数据 开发者
大数据开发基础的数据结构和算法的算法思想的回溯
在大数据开发中,算法的思想对于解决各种问题都非常重要,其中回溯算法是一种非常重要的算法思想,它可以用于解决许多实际问题,并且具有高效、可扩展等优点。
328 0
|
JavaScript 小程序 前端开发
【微信小程序开发】自定义tabBar案例(定制消息99+小红心)
【微信小程序开发】自定义tabBar案例(定制消息99+小红心)
【微信小程序开发】自定义tabBar案例(定制消息99+小红心)