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

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

导语

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




编辑


解决思路

<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())




总结

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



相关文章
|
25天前
表格高度根据内容自适应的瀑布流
表格高度根据内容自适应的瀑布流
21 1
|
25天前
使用SDAutoLayout实现控件根据内容进行宽度自适应和高度自适应
使用SDAutoLayout实现控件根据内容进行宽度自适应和高度自适应
26 2
|
30天前
表格宽度和高度
表格宽度和高度。
19 1
|
1月前
|
前端开发 容器
如何实现一个两栏布局,右侧自适应?三栏布局中间自适应?
要实现一个两栏布局,右侧自适应的效果,可以使用 CSS 的 Flexbox 或 Grid 布局来实现。以下是使用 Flexbox 实现的示例:
41 1
|
8月前
|
UED 容器
如何实现侧边两栏宽度固定,中间栏宽度自适应的布局?——双飞翼布局、圣杯(Holy Grails)布局
如何实现侧边两栏宽度固定,中间栏宽度自适应的布局?——双飞翼布局、圣杯(Holy Grails)布局
49 0
鼠标悬停边框围绕效果--动态边框
鼠标悬停边框围绕效果--动态边框
|
11月前
|
定位技术
Echarts实战案例代码(39):地理坐标整体地图背景色渐变效果和字体随地图缩放的解决方案
Echarts实战案例代码(39):地理坐标整体地图背景色渐变效果和字体随地图缩放的解决方案
214 0
|
11月前
|
定位技术
echarts. registerMap选项specialAreas将地图中的部分区域缩放到合适的位置,可以使得整个地图的显示更加好看
echarts. registerMap选项specialAreas将地图中的部分区域缩放到合适的位置,可以使得整个地图的显示更加好看
77 0
|
11月前
|
前端开发
Echarts柱状图y轴刻度标签图片和柱状渐变功能实现的解决方案
Echarts柱状图y轴刻度标签图片和柱状渐变功能实现的解决方案
105 0
|
数据可视化
clientHeight获取屏幕可视化高度
clientHeight获取屏幕可视化高度